1
CSS 语法由三部分构成：选择器、属性和值。selector {property: value}选择器 (selector) 通常是你希望定义的 HTML 元素或标签，属性 (property) 是你希望改变的属性，并且每个属性都有一个值。属性和值被冒号分开，并由花括号包围，这样就组成了一个完整的样式声明（declaration）：body {color: blue}上面这行代码的作用是将 body 元素内的文字颜色定义为蓝色。在上述例子中，body 是选择器，而包括在花括号内的的部分是声明。声明依次由两部分构成：属性和值，color 为属性，blue 为值。
2
CSS的选择器其实大类的话可以分为三类，即id选择器、class选择器、标签选择器。
用法如下：
#id名 { 属性名:属性值; }
.class名 { 属性名:属性值; }
标签名 { 属性名:属性值; }
其中，他们之间又可以以不同的方式进行组合，如下：
后代选择器: 父代名 后代名 { 属性名:属性值; }
子代选择器: 父代名>子代名 { 属性名:属性值; }
群组选择器: #name1, .name2, #name div { 属性名:属性值; }
伪类选择器: name:伪类
通用(通配符)选择器: * { 属性名: 属性值; }……
常见的有：
- <header>头部</header>
- <nav>导航</nav>
- < footer>底部</footer>
- <article></article>
- <aside></aside>
其中关于优先级：行间样式>id>class>类型选择>t通配符
3
body
{
background: #00FF00 url(bgimage.gif) no-repeat fixed top;
}
4
1
文本属性有：
text-indent 检索或设置对象中的文本的缩进
letter-spacing 检索或设置对象中的文字之间的间隔
word-spacing 检索或设置对象中的单词之间插入的空格数。
vertical-align 设置或检索对象内容的垂直对其方式
white-space 设置或检索对象内空格的处理方式
direction 检索或设置文本流的方向
unicode-bidi 用于同一个页面里存在从不同方向读进的文本显示。与direction属性一起使用
2
font的复合写法：font: 34px/48px;color:red;"宋体";width:100px;height:100px;
5
text-indent 属性规定文本块中首行文本的缩进。
注释：允许使用负值。如果使用负值，那么首行会被缩进到左边。
6
<A href ="http//www.baidu.com">百度</A>跳转页面(大写a是为了能看到文本）
<A href="#**">id</A> 跳转id
7
a标签默认样式是：带下划线，显示颜色为蓝色，被访问过的超链接变成紫色
8
1
网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。
这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模式。
CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。
2
盒模型包括：内容，填充，边框，边界。
3
个人理解就是内容被填充包围，边框包围填充，边界包围边框的一个闭合结构。
9
在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离--我理解为边界。
在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离--我理解为填充。
10
margin叠加：就是两个边界重合在一起
margin传递：子元素的margin设置在父元素上也起作用了
11
< title></title>：简短、描述性、唯一（提升搜索引擎排名）
<hn></hn>：h1~h6分级标题，用于创建页面信息的层级关系。
<header></header>：页眉通常包括网站标志、主导航、全站链接以及搜索框。
<nav></nav>：标记导航，仅对文档中重要的链接群使用。
<main></main>：页面主要内容，一个页面只能使用一次。如果是web应用，则包围其主要功能。
<article></article>：包含像报纸一样的内容= =||是这么理解的，表示文档、页面、应用或一个独立的容器。
<section></section>：具有相似主题的一组内容，比如网站的主页可以分成介绍、新闻条目、联系信息等条块。
<aside></aside>：指定附注栏，包括引述、侧栏、指向文章的一组链接、广告、友情链接、相关产品列表等。
<footer></footer>：页脚，只有当父级是body时，
<Small> </Small>：指定细则，输入免责声明、注解、署名、版权。(大写S使可见）
<strong></strong>：表示内容重要性。
<em></em>：标记内容着重点（大量用于提升段落文本语义）。
<mark></mark>：突出显示文本（yellow）。
<time></time>：标记时间。datetime属性遵循特定格式，如果忽略此属性，文本内容必须是合法的日期或者时间格式。
12
块元素与内联元素的区别
在css盒子模型中，我们提到了html元素中的块元素（block element）和内联元素（inline element）。那么它们究竟是什么呢？
其实，这两种元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素，能容纳其他块元素或内联元素。最常见的就是P和div这两个，说的简单点，块元素就好比一个四方块，可以放其他的四方块，并可以呈现在页面上任何地方。默认情况下块元素，是独占一行的。常见的块元素：div、h1-h6标题、form（只能用来容纳其他块元素）、hr、p、table、ul、ol等。内联元素(inline element)也叫内嵌元素或行内元素，一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内联元素，常见内联元素有a和span。
块元素与内联元素的区别？
1.块元素，总是在新行上开始；内联元素，和其他元素都在一行上。
2.块元素，能容纳其他块元素或内联元素；内联元素，只能容纳文本或者其他内联元素。
3.块元素中高度，行高以及顶和底边距都可控制；内联元素中高，行高及顶和底边距不可改变。
(这上面的区别，指的是默认情况下的，不包括CSS的刻意控制。也就是说当使用css控制时，块元素和内联元素的属性差异会越来越小。)
