引入Bootstrap的css样式  <link>

引入JQuery的js   <script></script>

引入Bootstrap的js   <script></script>

viewport来做响应式布局 ：<meta name="viewport" content="width=device-width,initial-scale=1.0" >

站点图标:<link rel="shortcut icon" href="" type="">

<header>
定义页眉
</header>

<section>
文档中的区段
</section>

<footer>
页脚部分
</footer>

 window.innerWidth: 返回窗口的文档显示区的宽度
window.innerHeight: 返回窗口的文档显示区的高度

媒体查询

<i></i>:定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本

响应式工具

子元素选择器：用类+>   如：.class>div  选择类下面所有div子元素

@font-face

CSS3 [attribute^=value] 选择器,属性选择器

[abc^="def"]  :  选择 abc 属性值以 "def" 开头的所有元素

[abc$="def"]   :     选择 abc 属性值以 "def" 结尾的所有元素

[abc*="def"]   :    选择 abc 属性值中包含子串 "def" 的所有元素

div*5    :    可快速生成5个div标签

伪类

z-index: 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面

background-size: cover

标签中的data属性用来给JQuery传递数据

HTML中的flex布局

badge    徽章

CSS 属性设置优先级问题：选择器{样式:值!import;} ；设置层级选择器

媒体对象

ul>li>a :   快速生成

list-style:   去除ul中li前面的圆点

display:inline-block

栅格系统的列偏移

JQuery中根据属性或属性值获得元素

JQuery中的.offset()：   在匹配的元素集合中，获取的第一个元素的当前坐标，或设置每一个元素的坐标，坐标相对于文档；.offset()返回一个包含top 和 left属性的对象。

发布上线

定制化

最后

以上就是感性酸奶为你收集整理的Bootstrap学习笔记@font-faceCSS3 [attribute^=value] 选择器,属性选择器HTML中的flex布局CSS 属性设置优先级问题：选择器{样式:值!import;} ；设置层级选择器JQuery中根据属性或属性值获得元素的全部内容，希望文章能够帮你解决Bootstrap学习笔记@font-faceCSS3 [attribute^=value] 选择器,属性选择器HTML中的flex布局CSS 属性设置优先级问题：选择器{样式:值!import;} ；设置层级选择器JQuery中根据属性或属性值获得元素所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。