选择器id选择器唯一 <div id="box"></div> #box { } 类选择器<div class="box"></div&g

标签样式初始化css reset 原则： 但凡是浏览器默认的样式，都不要使用。 因为每个浏览器下标签的默认样式可能会出现不一致的情况。 人为的将所有样式全部统一（清除），再根据实际情况（设计稿）统一设置。 哪些样式是需要重置的 ​ 与盒模型

HTML常用标签span标签span 区分样式 header 页眉主要用于页面的头部信息，也可用于板块头部 nav 导航包含链接的一个列表 footer 页脚页面的底部或者版本底部 section 页面上的版块用于划分页面上不同的区域，或者

a标签超链接<a href="http://www.baidu.com">这是百度的超链接</a> 链接 下载 锚点 伪类是什么给元素添加特殊的效果 ：link 未访问过的效果，默认的

盒模型内边距padding 内填充 padding-top padding-right padding-bottom padding-left 设置padding后会撑大容器的大小 padding复合写法： 只有一个属性值时：4个方向

文本文字颜色color 文本对齐方式text-align left 默认值 right center 首行缩进text-indent:2em; em 是根据字体大小来进行计算的 1em=当前字体大小 文本修饰text-dec

文字着重、文字倾斜、文字大小、字体、行高

背景背景和内容的区别内容是会撑开容器宽高 背景不会占用容器宽高 背景颜色background-color 背景颜色 英文关键字 RGB 十六进制 背景图、背景图是否重复background-image 背景图片 ​ url(..

边框边框的语法规则、边框的单一方向条件设置语法： 边框的语法规则 ​ 1.边框的粗细 ​ 2.边框的样式 ​ 3.边框的颜色 ​ 边框的方向 ​ top right bottom left border b

1-行间样式、内联样式表、外联样式表行间样式：给单独的标签添加样式 语法：<div style="……"></div> 内部样式表：写在style标签内,针对当前html文件有效 语法：