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...