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

前端  /  管理员 发布于 7年前   302

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>


  • 上一条：
    css文字控制与css文本样式示例和属性
    下一条：
    纯CSS和jQuery实现的在页面顶部显示的进度条效果2例（仿手机浏览器进度条效果）

    • 昵称：

    邮箱：

    0条评论 (评论内容有缓存机制,请悉知!)
    Top

    Copyright·© 2019 侯体宗版权所有· 粤ICP备20027696号 PHP交流群

    侯体宗的博客