css基础6

65 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第11天,点击查看活动详情

链接伪类选择器

 

: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*3 就可以快速生成3个div

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

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

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

标签显示模式(display)

块级元素(block-level)

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

常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中

标签是最典型的块元素。

块级元素的特点:

(1)总是从新行开始

(2)高度,行高、外边距以及内边距都可以控制。

(3)宽度默认是容器的100%

(4)可以容纳内联元素和其他块元素。

行内元素(inline-level)

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

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