摘要： 1:块级元素独占一行 2:块级元素可设width,height 3:块级元素可用margin/padding:left/right/top/bottom h3 块级元素 p 块级元素 ul li 块级元素 ... 阅读全文

摘要： “行高”顾名思意指一行文字的高度。具体来说是指两行文字间基线之间的距离。基线实在英文字母中用到的一个概念，我们刚学英语的时使用的那个英语本子每行有四条线，其中底部第二条线就是基线，是a,c,z,x等字母的底边线。下图的红色线即为基线。 vertical-align中有top,middle,basel 阅读全文

摘要： 【1：CS】 -o-：代表opera浏览器私有属性（Opera挪威浏览器因为它的快速、小巧和比其他浏览器更佳的标准兼容性获得了国际上的最终用户和业界媒体的承认）-ms-：代表IE浏览器私有属性-moz-：代表FireFox【简称FF】浏览器私有属性 （moz代表的是Firefox的开发商Mozill 阅读全文

摘要： 图片垂直结构有空白 首先我们要知道这部分空白产生的原因。图片默认的vertical-align:baseline(基线) 也就是字母X的下边距，如下图 可以看到图片是与字母x的下边距对齐的，也就是baseline，css2的文档中有这么一句解释，翻译过来也就是一个inline-block元素，如果里 阅读全文

摘要： 为什么要清楚i浮动呢，这得从布局说起，布局简单说就是水平垂直结构 当水平时，用display：block；变成垂直结构 当垂直时，用float:left/right;变成水平结构 浮动对页面的影响： 如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度 阅读全文

摘要： <style> .ul1 { list-style-type: circle } .ul2{ list-style-type:square; } .ol1{ list-style-type:upper-roman; } .ol2{ list-style-type:none; } .ol3{ list 阅读全文

摘要： <style> .p1{ border-width:1px; border-style:solid; border-color:#f00; } .p2{ border:10px solid rgb(255,0,0); } .p3{ border:1px dotted #f00; } .p4{ bor 阅读全文

摘要： <style> .p1{ color:red; } .p2{ color:green; } .p3{ color:blue; } .p4{ color:#ff0000; } .p5{ color:#f00; } .p6{ color:rgb(255,0,0); } .p7{ color:rgb(17 阅读全文

摘要： 字体样式变成斜体font-style:italic; 字体样式加粗font-weight:bold; 字体样式变大font-size:20px 字体样式变大font-size:1em;1em默认是16px 字体样式font-family:"宋体“ 字体样式font-family:"微软雅黑“ 阅读全文

摘要： 文本样式居中text-align:center; 文本样式缩进text-indent:100px; 文本样式装饰删除线text-decoration:line-through; 文本样式上划线text-decoration:overline; 文本样式下划线text-decoration:underline; 阅读全文