css总结
css的选择器
#para1
{
text-align:center;
color:red;
}
.center {text-align:center;}
p{text-align:center;}
p.center{
text-align:center;
}
注:class和id的名称第一个不能以数字开头,否则浏览器不识别
css的三种样式的引入
1、外部样式,即从外部的css样式引入。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>
3、内联样式,即直接在某个标签里面写着
<p style="color:sienna;margin-left:20px">这是一个段落</p>
多重样式优先级:如果在外部样式、内部样式、内联样式都引入css的话,如果定义的样式重复了(例如,都定义了color属性)那么起作用的顺序是:内联>内部>外部>浏览器默认。如果定义的样式没有重复,那么久同时叠加起作用
css优先级高低排序:!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性
css的盒子模型
原文地址:https://www.jb51.cc/wenti/3282987.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。