当前位置:首页 > 前端开发 > 正文

html标签挑选器,七、扩展阅览

导语:1.挑选一切的``元素并设置字体色彩为赤色:```cssp{color:red;}```2.挑选一切的``元素并设置字体大小为24像素:```cssh1{fontsize:...

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挑选器

免责申明:以上内容属作者个人观点,版权归原作者所有,如有侵权或内容不符,请联系我们处理,谢谢合作!
上一篇:html增加图片,```html 我的网页 下一篇:表达代码HTML