链接伪类选择器

:link /* 未访问的链接 */

:visited /* 已访问的链接 */

:hover /* 鼠标移动到链接上 */

:active /* 选定的链接 */

注意写的时候，他们的顺序尽量不要颠倒 按照 lvha 的顺序。 love hate 爱上了讨厌 记忆法 或者 lv 包包 非常 hao

a {   /* a 是标签选择器  所有的链接 /            font-weight: 700;            font-size: 16px;            color: gray;        }a:hover {   / :hover 是链接伪类选择器 鼠标经过 /            color: red; /  鼠标经过的时候，由原来的 灰色 变成了红色 */

}

CSS 注释

CSS 规则是使用     /*  需要注释的内容  /  进行注释的，即在需要注释的内容前使用 “/” 标记开始注释，在内容的结尾使用 “*/”结束。

例如：

p {

  font-size: 14px;                 /* 所有的字体是 14 像素大小*/}

****

sublime 快捷方式

sublime 可以快速提高我们代码的书写方式

生成标签 直接输入标签名 按 tab 键即可 比如 div 然后 tab 键， 就可以生成 <div></div>

如果想要生成多个相同标签 加上 * 就可以了 比如 div*3 就可以快速生成 3 个 div

如果有父子级关系的标签，可以用 > 比如 ul > li 就可以了

如果有兄弟关系的标签，用 + 就可以了 比如 div+p

如果生成带有类名或者 id 名字的， 直接写 .demo 或者 #two tab 键就可以了

标签显示模式（display）

块级元素(block-level)

每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。

常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>标签是最典型的块元素。

块级元素的特点：

（1）总是从新行开始

（2）高度，行高、外边距以及内边距都可以控制。

（3）宽度默认是容器的 100%

（4）可以容纳内联元素和其他块元素。

行内元素(inline-level)

行内元素（内联元素）不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽度、高度、对齐等属性，常用于控制页面中文本的样式。

常见的行内元素有<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>等，其中<span>标签最典型的行内元素。