qq_42827425的博客

Sass->cssSASS是一个成熟、稳定、强大的 CSS 扩展语言解析器，提供变量、嵌套、混合、继承等特性，大大节省了设计者的时间，使得CSS的开发变得简单和可维护 .了解工具：css转scss嵌套(Nesting)css中重复写选择器是非常恼人的。如果要写一大串指向页面中同一块的样式时，需要一遍又一遍地写同一个ID。#content article h1 { color: #3...

选择器基本选择器群组选择器（并集选择器）交集选择器：多个选择器之间没有空格，表示同时满足多个选择器要求的元素才会被获取到层次选择器 a) 后代选择器：用空格隔开基本选择器，表示后一个选择器是前面的后代b) 子代选择器:用 > 隔开基本选择器，表示后一个选择器是前面的子代c) 相邻兄弟选择器：E+F:表示获取到E后面的紧跟着的F元素（同级的）d) 兄弟选择器：E...

新标签布局语义化标签中文意思header头部nav导航main主体(不能出现一个以上的main元素)article文章，独立的内容块aside侧边栏section区块footer底部hgroup对标题进行组合figure对元素进行组合>例img+figcaption对内容进行描述<figure&...

外部样式：<link rel="stylesheet" type="text/css" href="目标文件的路径及文件名全称" />内联样式语法：<标签 style="属性：属性值;属性:属性值;"></标签>样式表的作用域行内（内联）样式的作用域是当前标签，内部样式的作用域是当前文件，外部样式表的作用域是有关联的所有文件样式表的优先级...

宽度自适应若块级元素宽度不设置，或者设置成100%，都是占据其父级元素的一整行应用场景:（1）页面最外层的盒子一般都要占据屏幕的大小，所以宽度100%。（2）子元素使用百分比表示盒模型任意部分大小的话，代表的是子元素盒模型任意部分尺寸=父元素宽度百分比（除了高度外，子元素高度=父元素高度百分比）==>忽略;高度自适应父元素高度由子元素撑开(1) 若是子元素都浮动了，父元素...

定位：static默认值。位置设置为 static 的元素会正常显示，它始终会处于文档流给予的位置（static 元素会忽略任何 top、bottom、left 或 right 声明）absolute相对于父级元素的绝对定位，浮出、脱离布局流，它不占据空间，就是我们所说的层，其位置相对于最近的已定位父元素而言的位置，可直接指定 left、top、right 以及 bottom 属性。若父...

弹性盒设置在容器（父元素上）上：(1) display : flex; 父元素设置成弹性盒。  规定子项目在父元素主轴方向一行显示，不会换行。侧轴方向会默认拉伸。(2) 设置主轴方向 flex-direction  属性值: row 默认为水平向右    column 垂直向下    row-reverse 水平向左    column-reverse 垂直向上(3) fle...

字体修饰字体大小：选择器{font-size:12px/14px/16px;}文本颜色：{color:颜色值;}文本字体：{font-family:"宋体","黑体";}说明：当字体是中文字体时需加引号；当英文字体中有空格时需加引号如"Times New Roman"；加粗：{font-weight:bolder/bold/normal/100-900;}检索或设置对象中的文本的...

100%布局特点：屏幕尺寸越大显示的内容越多;rem布局特点：不同屏幕尺寸，显示的内容大致一样;百分比布局新建html及对应的css引入meta : vp<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, mi...

边框边框阴影 box-shadow : x-offset(右) y-offset(下) blur模糊区域 spread扩展区域 color [inset向内] [,....];边框图片 border-image（1）边框图片资源 border-image-source : url()   默认会将图片显示在边框的四个角（2）边框图片的裁剪 border-image-slice   ...

3D变换transform之3d移动变换:transform:translate3d(x,y,z)/* z:代表在垂直于平面的轴上移动，电脑屏幕往人眼那个方向为正方向。 transform:translateZ(z) 【女神上来】 */transform-style规定变换的样式（父元素）/* 属性值：flag平面（默认） preserve-3d保持3d变换 */...

表单表单框： &amp;lt;form name=&quot;表单名称&quot; method=&quot;post/get&quot; action=&quot;#&quot;&amp;gt;&amp;lt;/form&amp;gt;文本框 &amp;lt;input type=&quot;text&quot; value=&quot;默认值&quot;/&a

数据表格的作用及组成作用：显示数据组成： &amp;lt;table&amp;gt; &amp;lt;tr&amp;gt;行 &amp;lt;td&amp;gt;单元格&amp;lt;/td&amp;gt; &amp;lt;td&amp;gt;&amp;lt;/td&amp;gt; &amp;lt;/tr&amp;gt; &amp;lt;/table&

W3C( World Wide Web Consortium )万维网联盟：制定了结构html和表现css的标准ECMA：制定的行为的标准常用标签1.文本标题 &lt;h1&gt;一级标题&lt;/h1&gt; &lt;h2&gt;二级标题&lt;/h2&gt; …… &lt;h6&gt;六级标题&lt;/h6&gt; 2.段落标签 &lt;p&gt;段落文本内容&lt