摘要：
一、块元素转行内元素：display:inline 二、行内元素转块元素：display:block 三、块和行内元素转行内块元素：display:inline-block 阅读全文
摘要：
一、典型代表 input img 二、特点： 在一行上显示 可以设置宽高 补充:行内块与行内块之间的空隙：如果两个span在HTML这样放置,会出现空隙,使用浮动可以去除这种间隙. 如果两个span一列排列,则之间会有2px的边框,变细可以使用负的margin值(具体可以参考另一篇文章：鼠标经过提高 阅读全文
摘要：
一、典型代表 span a ,strong em del, ins 二、特点： 在一行上显示 不能直接设置宽高 元素的宽和高就是内容撑开的宽高。 阅读全文
摘要：
一、典型代表： Div h1-h6 p ul li Div h1-h6 p ul li 二、特点: 独占一行 可以设置宽高 嵌套（包含）下，子块元素宽度（没有定义情况下）和父块元素宽度默认一致。 阅读全文
摘要：
一、内嵌式写法：样式只作用于当前文件，没有真正实现结构表现分离。 二、外链式写法：作用范围是当前站点，谁调用谁生效，范围广，真正实现结构表现分离。 三、行内样式表：作用范围仅限于当前标签，范围小，结构表现混在一起。（不推荐使用） 阅读全文
摘要：
font-size:16px; 文字大小 Font-weight: 700 ; 值从100-900，文字粗细，不推荐使用font-weight:bold; Font-family:微软雅黑; 文本的字体 Font-style: normal | italic; normal 默认值 italic 斜 阅读全文
摘要：
一、概念 两个或者两个以上的基础选择器通过不同的方式连接在一起 二、交集选择器 特点：即要满足使用了某个标签，还要满足使用了类（id）选择器。 三、后代选择器 后代选择器首选要满足包含（嵌套）关系。 父集元素在前边，子集元素在后边。 特点：无限制隔代。只要能代表标签，标签、类选择器、ID选择器自由组 阅读全文