css样式的特点与优先选择权(优先级)

(编辑:jimmy 日期: 2024/10/31 浏览:2)

CSS样式的特点:(子元素会继承父元素的某些样式,子元素有自己的样式就用自己的样式,没有的就用父元素的)

1.继承:
网页中子元素,将继承父元素的样式(比如要控制p标签中的文字大小,可以直接给body标记添加样式)
           
2.层叠:
网页中子元素定义了与父元素相同的样式,则子元素的样式将覆盖父元素的样式
后面的样式会覆盖前面的样式


复制代码代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS样式的特点</title>
<style type="text/css">
body{
font-size:24px;
color:#F00;}
p{color:#F0F;}
/*下面的样式会覆盖上面的样式*/
p{color:#0F0;}
</style>
</head>
<body>
<p>0.5秒三分绝杀!波特兰上演波什时刻 第N次拯救热火</p>
<h1>玩命暴扣扳平+助攻绝杀三分 热火太幸运有这颗队魂</h1>
<p>热火今夜还一功臣必须赞 11分不多但却分分是金!</p>
<p>詹波为小弟恶犯叫屈 当事人他都起飞了!肯定假摔</p>
<p>斯帅称客战开拓者奥登不打 波什:他很快就可复出</p>
</body>
</html>

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。