MING23333的博客

1.标准盒子模型content不包含其他部分2,IE盒子模型其中的content包括border与padding盒子模型的宽包括margin+border+padding+width例如margin:20px;border:10px;padding:10px; width:200px;标准盒子模型宽度为 20*2+10*2+10*2+200=280px...

display:inline 宽高由内容撑开，一行上可以继续显示同类标签（写在子元素上）display:block 块元素独占一行（写在子元素上）display:inlin-block:块元素在一行上被显示，标签间换行不解析display:none：设置时目标对象隐藏，其占用页面空间会释放visibility属性visibility:hidden,显示visibility:visibl...

1.css选择器1.1.last-child:匹配父元素，最后一个子元素；1.2.nth-child(n):匹配父元素，第n个子元素；1.3.nth-last-child(n)css3匹配父元素倒数第n个子元素。2. @font-face特性加载服务器端子文件，让客户端显示客户端所没有安装的字体例：@font-face{font-family:BorderWeb;src:url(...

预处理是一种专门编程语言为css,增加一些编程特性，将css作为目标生成文件开发者只需使用例 scss语言$font-stack:sans-serif;$primary-color:red;body{ font:$font-stack; color:$primary-color;}还有less stylus语言css后处理器是对css进行处理，并生成css的预处理器。...

一，加入viewport元标签<meta name="viewport" content="width=device-width,initial-scale="1">viewport网页默认宽度与高度二，不适用绝对宽度大小三，流动布局各个区块位置是流动的，不是水平不变的四，使用media Query模块例<link rel="tylesheet" type="t...

1.单列布局2.两列布局3.三列布局单<div class=“container”> <div class="box"> <div class="header"> </div> <div class="body"> <div class="body-content"&gt...

其默认层叠顺序是1.同级元素中，后面元素覆盖前面元素2.父子元素中，子元素覆盖父元素控制元素层叠上下文中位置postion 增加一个定位为非static的css属性z-index增加一个z-index属性z-index:2优先级高于z-index:1,若父元素为z-index:2,子元素为z-index:1,则父元素覆盖子元素。z-index默认值为0。注：若父元素无postio...

一，基础选择器id选择器 #id{…} 优先级 100，类选择器 .class{…} 优先级10，标签选择器 div{…} 优先级1，二，加强选择器1，后代选择器例 #wrap p{id为wrap下的所有p标签}2，子代选择器例 #wrap>p{ id为wrap下的子代p标签，子子代不算}3.组合选择器例 #wrap,.con p{id...

绝对单位 cm 厘米 mm毫米 in 英尺 pt磅(印刷的点数) pc 1pc=12pt;相对单位 px像素 %百分比 em 1en等于当前元素字体的大小 rem 1rem等于根元素字体的大小em例：当前元素font-size为10px,则1em=10px;注；若当前元素没有定义font-size;则当前元素会继承父元素的font-size,若当前元素的所有祖先元素都没有fon...

区别<input>是单行文本框，不会换行，通过size属性指定显示的字符长度，注：若使用css限定宽高则size属性不在起作用。value属性指定初始值，Maxlength属性指定文本框可以输入的最长长度，可以通过width和length设置宽高，但也不会增加段数。<textarea>是多行文本输入框，文本区中可以容纳无限数量文本，无value属性，可以通过co...