CSS之使用、语法、选择器、border与box、背景
2016-12-14 20:18
211 查看
WHAT IS CSS?
CSS 指层叠样式表（Cascading Style Sheets）样式定义如何显示HTML元素
样式通常存储在样式表中
CSS就是给HTML化妆的
如何使用CSS
内联样式
样式定义在HTML元素的属性style里CSS语法
– 在元素的style属性内直接写样式,此样式无法复用
– 属性和属性值之间用：连接
– 多对属性之间用；隔开
<h1 style="color:red;">CSS</h1>
内部样式表
在head元素里面的style标签里写样式,此样式可以被当前页面上众多元素复用.<head>
<style>
/*CSS的注释是这样的*/
h2 {
color: blue;
}
</style>
</head>
<body>
<h2>CSS有3种用法</h2>
</body>外部样式表
在单独的css文件中写的样式,哪个网页引用该文件,这个网页就能复用这些样式.<link rel="stylesheet" href="my.css"/>
my.css文件中的内容
p {
color: yellow;
}CSS语法规范
CSS语法规范
CSS规则特性
样式优先级
CSS选择器
元素选择器
类选择器
ID选择器
选择器组
派生选择器
派生选择器用来选择子元素，分为2种：后代选择器：选择某元素的所有后代(子孙)元素
子元素选择器：选择某元素的所有子元素
伪类选择器
伪类用于设置同一元素在不同状态下的样式。常用伪类如下：
:link 指向未被访问的超链接添加样式
:visited 向已被访问的超链接添加样式
:hover 向鼠标悬停至元素上方时，向该元素添加样式
:focus 向元素获取焦点时，向该元素添加样式
CSS声明
border与box
border
四边设置
单边设置
样式单位
overflow内容溢出元素框时处理
box
box的作用
box的使用
box四边设置
box单边设置
背景
背景色
背景图片
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 