css框架

前端必备面试题(一)

由 a 夏天 提交于 2019-12-10 12:26:13
Web前段面试题 1.doctype在严格模式下和混杂模式有什么区别? 1.<!DOCTYPE>声名位于文档的最前面，在<HTML> 标签的前面，告知浏览器以何种模式来渲染文档。 2.严格模式的排版和JS运作模式都是以浏览器支持的最高的标准运行。按照W3C的标准来解析代码。 3.混杂模式是以宽松的，向后兼容的方式来解析代码。是指浏览器用自己的方式解析代码，模拟老式浏览器的行为以防止网站停止工作。 4.若DOCTYPE为声名或格式不正确，页面将会以怪异模式的方式解析。 5.Doctype标签可声明三种DLD类型，分别是严格型，过渡型，框架型。 2.行内元素和块级元素和空元素? 内联元素（行内元素）内联元素(inline element) a、 abbr 、acronym、 b 、bdo、big 、br、code、dfn 、emfont、i、img、input、kbd 、label、q、s、samp、select、small、span、strike、strong 、sub、sup、textarea、 u、var 块元素(block element) address、blockquote、center 、dir 、div 、dl 、 fieldset、form、h1 - h6 、hr 、menu 、noframes、、ol 、p、pre 、table 、ul 空元素: br、meta

自学web前端如何拿到月薪上万？这套适合零基础学习的路线分享给大家

由 ╄→гoц情女王★ 提交于 2019-12-10 03:04:14
你也许会觉得Web前端开发是一个很简单的工作，但当你深入其中时，一定会发现好像Web前端开发不是那么简单，光网站性能优化、响应式、框架就让你焦头烂额。确实，做前端开发就是先易后难，想成为一个优秀的Web前端开发，没有那么简单。 不过，天下事难则不会，会则不难，你只需要掌握11项技能就可以成为Web前端“大拿” 一、入门必备的技能： 第1项技能：HTML超文本标记语言： 技能要点： HTML文件的结构 HTML文件的编写方法 HTML基本标记 文字与段落标记 框架 使用表单 XHTML页面结构 第2项技能：JavaScript脚本 技能要点： JavaScript基本语法 流程控制 函数 对象与数组 程序调试与错误处理 事件处理 处理文档对象 文档对象模型 window窗口对象 第3项技能：CSS网页样式布局 技能要点： CSS定位与div布局 div 标记与 span 标记 CSS+div美化与布局 CSS与JavaScript的综合应用 CSS与XML的综合运用 CSS与Ajax的综合应用 二、晋级提升必会的技能 第4项技能：HTML5开发技能 技能要点： HTML5语法 新增的input输入类型 新增的form元素 HTML5音频与视频 HTML5多媒体技术 Web存储 WebSQL混合开发 Workers多线程处理 第5项技能：常用Javascript框架 技能要点：

前端（最新）

由 北战南征 提交于 2019-12-09 22:59:54
HTML初识 △HTML: 超文本标记语言，是一种用于创建网页的标记语言，不是编程语言,没有逻辑 本质上是浏览器可识别的规则 我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题） 网页文件的扩展名：.html或.htm（没有区别） 网页文件的扩展名：.html或.htm（没有区别） 我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题） 网页文件的扩展名：.html或.htm（没有区别） △css： 层叠样式表是一种用来表现HTML等文件样式(效果)的计算机语言 JavaScript： 简称“JS”，是一种属于网络的脚本语言 常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果 通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的 △jQuery： jQuery是一个快速、简洁的JavaScript框架，它封装JavaScript常用的功能代码 △boodstarp(JQ+css): bootstrap：简洁、直观、强悍的前端开发框架 它在jQuery的基础上进行了更为个性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。 △B/S (前端/后端) Web服务的本质： 浏览器发请求 --> HTTP协议 -->

前端

由 做~自己de王妃 提交于 2019-12-09 19:51:55
HTML初识 △HTML: 超文本标记语言，是一种用于创建网页的标记语言，不是编程语言,没有逻辑 本质上是浏览器可识别的规则 我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题） 网页文件的扩展名：.html或.htm（没有区别） 网页文件的扩展名：.html或.htm（没有区别） 我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题） 网页文件的扩展名：.html或.htm（没有区别） △css： 层叠样式表是一种用来表现HTML等文件样式(效果)的计算机语言 JavaScript： 简称“JS”，是一种属于网络的脚本语言 常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果 通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的 △jQuery： jQuery是一个快速、简洁的JavaScript框架，它封装JavaScript常用的功能代码 △boodstarp(JQ+css): bootstrap：简洁、直观、强悍的前端开发框架 它在jQuery的基础上进行了更为个性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。 △B/S (前端/后端) Web服务的本质： 浏览器发请求 --> HTTP协议 -->

前端基础总结(后续更新)

由 冷暖自知 提交于 2019-12-09 19:11:58
HTML初识 △HTML: 超文本标记语言，是一种用于创建网页的标记语言，不是编程语言,没有逻辑 本质上是浏览器可识别的规则 我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题） 网页文件的扩展名：.html或.htm（没有区别） 网页文件的扩展名：.html或.htm（没有区别） 我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题） 网页文件的扩展名：.html或.htm（没有区别） △css： 层叠样式表是一种用来表现HTML等文件样式(效果)的计算机语言 JavaScript： 简称“JS”，是一种属于网络的脚本语言 常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果 通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的 △jQuery： jQuery是一个快速、简洁的JavaScript框架，它封装JavaScript常用的功能代码 △boodstarp(JQ+css): bootstrap：简洁、直观、强悍的前端开发框架 它在jQuery的基础上进行了更为个性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。 △B/S (前端/后端) Web服务的本质： 浏览器发请求 --> HTTP协议 -->

3实战篇 02：项目脚手架

由 对着背影说爱祢 提交于 2019-12-09 13:51:18
实战篇 02：项目脚手架 本节参考代码： react-boilerplate 经过了刀耕火种的插件化时代，伴随着越来越繁荣的 npm 生态，近几年来前端开发的三大件 HTML、CSS 及 JavaScript 都发生了不同程度上的进化，这也让开发或选择一个合适的项目脚手架（boilerplate）成为了前端项目的第一个难点。在 React 生态中，虽然已经有了像 create-react-app 这样官方指定的脚手架项目，但为了深入理解一个前端脚手架所需要承担的责任与能够解决的问题，不妨让我们删繁就简一起来搭建一个只包含最少依赖的功能齐全的项目脚手架。 HTML 部分 在 JavaScript 框架接管了所有 DOM 相关的操作与更新后，HTML 方面的工作量就大量地减少了，很多时候只需要为框架提供一个可以注入 DOM 元素的根节点即可。 <!DOCTYPE html> < html > < head > < meta charset = " utf-8 " > </ head > < body > < div id = " app " > </ div > </ body > </ html > 为了让页面的缩放比例与当前用户设备的屏幕尺寸保持一致，我们可以在模板中添加 HTML5 新引入的 viewport 属性，这对于需要支持移动端的项目非常重要。 < meta name =

3实战篇 02：项目脚手架

由 ╄→尐↘猪︶ㄣ 提交于 2019-12-09 13:49:18
实战篇 02：项目脚手架 本节参考代码： react-boilerplate 经过了刀耕火种的插件化时代，伴随着越来越繁荣的 npm 生态，近几年来前端开发的三大件 HTML、CSS 及 JavaScript 都发生了不同程度上的进化，这也让开发或选择一个合适的项目脚手架（boilerplate）成为了前端项目的第一个难点。在 React 生态中，虽然已经有了像 create-react-app 这样官方指定的脚手架项目，但为了深入理解一个前端脚手架所需要承担的责任与能够解决的问题，不妨让我们删繁就简一起来搭建一个只包含最少依赖的功能齐全的项目脚手架。 HTML 部分 在 JavaScript 框架接管了所有 DOM 相关的操作与更新后，HTML 方面的工作量就大量地减少了，很多时候只需要为框架提供一个可以注入 DOM 元素的根节点即可。 <!DOCTYPE html> < html > < head > < meta charset = " utf-8 " > </ head > < body > < div id = " app " > </ div > </ body > </ html > 为了让页面的缩放比例与当前用户设备的屏幕尺寸保持一致，我们可以在模板中添加 HTML5 新引入的 viewport 属性，这对于需要支持移动端的项目非常重要。 < meta name =

网上面试题

由 落花浮王杯 提交于 2019-12-09 07:10:33
链接：https://www.zhihu.com/question/41466747/answer/91084888 1.对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性； 2.xhtml和html有什么区别 HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言 最主要的不同： XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须用小写字母。 XHTML 文档必须拥有根元素。 3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 用于声明文档使用那种规范（html/Xhtml）一般为 严格 过度 基于框架的html文档 加入XMl声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug 4.行内元素有哪些?块级元素有哪些?CSS的盒模型? 块级元素：div p h1 h2 h3 h4 form ul 行内元素: a b br i span input select Css盒模型:内容，border ,margin，padding 5

css 笔记整理

由 ▼魔方 西西 提交于 2019-12-08 17:41:06
html是什么 html（Hypertext Markup Language）—— 结构 超文本 标记 标签 <> 标签对 单标签 在标签中间—— 标签名 语言 css 凡是写在标签名后面的都是标签的属性 可以自动刷新浏览器 属性名称 = “属性值” border <!-- border 边框的粗细（宽度） 边框的样式 solid dotted dashed 边框的颜色 英文单词 red 十六进制 #8c8c8c rgb() red green blue --> border 区域会不会显示背景图(会显示) < style > .box { width : 300 px ; height : 200 px ; border : 10 px d #0c0c0c ; background : url( "img/14.jpg" ) repeat-y ; margin : 40 px 30 px 20 px 10 px ; } </ style > </ head > < body > < div class = "box" > </ div > </ body > border-color 边框颜色 border-style 边框样式 border-width 边框宽度 border -top border -top -color border -top -style border

HTML+css整理笔记

由 最后都变了- 提交于 2019-12-08 17:35:27
HTML+CSS 一、 元素 1. <html> HTML 文件 </html> 2. <head> 头 </head> 详见 : 二 mata 用法和属性及外部文件引入 3. <title> 标题 </title> 4. <meta /> 详见 : 二 mata 用法和属性 5. <body> 主体 </body> 插入背景图片详见 : 三 img 用法和属性及背景图 6. <h1> 标题 </h1> : 标题取值1-6, 1字体最大,6字体最小; 7. <b> 粗体 </b>: 粗体 ; 8. <i> 斜体 </i>: 斜体; 9. <u> 下划线 </u>: 下划线 ; 10. <em> 斜体强调 </em>: 斜体强调; 11. <strong> 粗体强调 </strong>: 粗体强调; 12. <font> 字体 </font>: 字体; 13. <p> 段落 </p>: 段落; 14. <button> 按钮 </button> : 按钮; 15. <pre> 原格式输出 </pre> : 原格式输出; 16. <br/> : 换行; 17. <hr/> : 水平线; 18. <img /> : 插入图片; 详见 : 三 img 用法和属性及背景图 19. <embed> 视频音乐 </embed> : 插入视频音乐; 详见 : 四 embed 用法和属性 20.
订阅 css框架