+
+

你好,CSS!

概述

规则语法

链接CSS样式表到HTML

1
2
3
4
5
<head>
<meta charset='UTF-8'/>
<title>Hello, CSS</title>
<link rel='stylesheet' href='styles.css'/>
</head>

<link>就像是<a>,但是只用于<head>内,rel属性定义了link链接的资源与当前HTML文件的关系。

度量单位

最常见的单位有pxem,前者是像素pixel,后者则是一个相对基准字体大小base font size的概念。

选择器

基本选择器

选择器 类别
* 通配选择器
E 元素选择器
#id ID选择器
.class 类选择器
selector1, selectorN 群组选择器

层次选择器

选择器 类型
E F 后代选择器(选择E下面的所有F)
E>F 子元素选择器(只选择E下一级的F)
E+F 相邻兄弟选择器(选择与E同级的第一个F)
E~F 通用选择器(选择E后与E同级的所有F)

动态伪类选择器

选择器 类型
E:link 链接伪类选择器
E:visited 链接伪类选择器
E:active 用户行为伪类选择器
E:hover 用户行为伪类选择器
E:focus 用户行为伪类选择器

目标伪类选择器

选择器 类型
E:link 链接伪类选择器
E:visited 链接伪类选择器
E:active 用户行为伪类选择器
E:hover 用户行为伪类选择器
E:focus 用户行为伪类选择器

本文作者: rhinoc

本文链接: https://www.rhinoc.top/css_1/

版权声明: 本博客所有文章除特别声明外,均采用BY-NC-SA 4.0国际许可协议,转载请注明。

打赏
Love U 3000
  • Through WeChat
  • Through Alipay
0%