10月24日 css学习笔记

font-size:字号

color:字体颜色

font-weight:字体加粗

<sytle type=“text/css”>

/*注释语句*/

css样式：内联式、嵌入式、外部式

外部式css样式,link标签一般写在head标签内

<link href=“base.css” rel=“stylesheet” type=“text/css”/>

优先级：内联式>嵌入式>外部式

标签选择器

选择器{

样式；

}

类选择器

使用class＝“类选择器名称”为标签设置一个类，如

<span class=“s1”>胆小如鼠</span>

设置类选择器的css样式：

.s1{color:red;}/*类前面要加入一个英文圆点*/

ID选择器

为标签设置id=“ID名称”

ID选择器前是＃

＃s1{ 样式； }

<span id=“s1”>

在一个html中ID选择器只能使用一次，类选择器可以使用多次

可以使用类选择器词列表方法为一个元素同时设置多个样式。

子选择器：用于选择指定标签元素的第一代子元素

.first>ul

包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。
.first span{}

>作用于元素的第一代后代，空格作用于元素的所有后代。

通用选择器
*{color:red;}

伪类选择器
a:hover{color:red;}

分组选择器

为html中多个标签元素设置同一个样式时，可以使用分组选择符（，）