您的位置：首页 > Web前端 > CSS

CSS入门基础自我总结

2016-09-05 11:23 253 查看
CSS称为层叠样式表   顾名思义即为将元素的样式进行调整从而达到自己想要的效果，所谓层叠即为可以将多重效果的进行重叠与冲突

1.如何添加CSS

 1.元素内设置    例如

<p style="color: aliceblue;">我要叠加三种样式</p>
 2.文档内嵌        例如
<head>
<meta charset="UTF-8">
<title>CSS入门</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<style>
p{
color: green;
font-size: 30px;
font-style:italic
}
p{
color: red;
}
</style>

</head>
3.外部引入     例如
<head>
<meta charset="UTF-8">
<title>CSS入门</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<style>
p{
color: green;
font-size: 30px;
font-style:italic
}
p{
color: red;
}
</style>

</head>

2.层叠样式原理

当出现


元素内的样式与文档内嵌的样式在 color上产生重叠，所以根据优先级进行冲突处理，即选择优先级高的，这里就采用<p style="color: aliceblue;">
但由于元素内的样式只对P标签内的字体颜色进行设置，而文档内嵌则还有其他属性，如字体大小等等，在这里则进行叠加,以此类推。最后的效果图如下




内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  css 入门1
相关文章推荐
新的分享
章节导航