html标签选择器,七、扩展阅读

1. 选择所有的``元素并设置字体颜色为红色： ```css p { color: red; } ```

2. 选择所有的``元素并设置字体大小为24像素： ```css h1 { fontsize: 24px; } ```

3. 选择所有的``元素并移除下划线： ```css a { textdecoration: none; } ```

4. 选择所有的``元素并设置列表项符号为圆点： ```css ul { liststyletype: disc; } ```

5. 选择所有的``元素并设置字体颜色为蓝色： ```css li { color: blue; } ```

内联样式（直接在元素上设置的样式）

重要声明（使用`!important`声明的样式）

类选择器

ID选择器

属性选择器

伪类选择器

1. 设置网页标题样式

h1 {

color: 333;

font-size: 24px;

text-align: center;

2. 设置导航栏样式

ul {

list-style-type: none;

margin: 0;

padding: 0;

overflow: hidden;

background-color: 333;

li {

float: left;

li a {

display: block;

color: white;

text-align: center;

padding: 14px 16px;

text-decoration: none;

li a:hover {

background-color: 111;

3. 设置图片样式

img {

width: 100%;

height: auto;

七、扩展阅读

1. 《CSS权威指南》

2. 《HTML与CSS实战从入门到精通》

3. MDN Web文档：CSS选择器