css基础

本文介绍了CSS层叠样式表的基本用法,包括设置标题颜色、修改列表中元素的样式、使用ID选择器和类选择器进行特殊样式设置,以及如何应用属性选择器来指定元素的样式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、CSS 指层叠样式表 (Cascading Style Sheets)

2、设置标题h1~h6为绿色。

h1,h2,h3,h4,h5,h6 {
  color: green;
  }
3、列表中的strong元素变为斜体。

li strong {
    font-style: italic;
    font-weight: normal;
  }
4、id选择器。(id为red内的p元素和h2元素都得到了特殊处理)

#red p {color:red;}
#red h2 {font-size: 1em;font-weight: normal;}

#green {color:green;}
<p id="red">这个段落是红色。</p>
<p id="green">这个段落是绿色。</p>

5、类选择器(类名为center的表格单元文本都为居中对齐)

.center td {text-align: center}
6、属性选择器

[title]{border:5px solid blue;}//只要带有title属性的元素都有蓝色的边框
[title=W3School]{border:5px solid blue;}//带有title属性,且值为W3School的元素都有蓝色的边框
[title~=hello] { color:red; }//title属性包含值是hello的元素字体都为红色
[lang|=en] { color:red; }//带有包含指定值en的 lang 属性的所有元素设置样式(字体为红色)








评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值