云创动力day09

最新推荐文章于 2018-03-29 21:30:27 发布

原创最新推荐文章于 2018-03-29 21:30:27 发布 · 224 阅读

CC 4.0 BY-SA版权

学习的内容：
一.层叠样式表
1.概念：
Css:层叠样式表，是用来修饰和美化html页面。
2.引入方式:
（1）行内样式（内联样式）
利用标签style属性，在style属性双引号内书写css
（2）内部样式（内嵌样式）
写在<head>标签<style>标签内
（3）外联样式（外部样式）
<link href =”” rel = “stylesheet”/>
3.语法格式。
选择器{样式名称:样式值;}
二．基本样式
1.文本属性
Color:用来设置字体颜色，值可以为rgb，16进制，英文名称；
Text-align:用来设置文本对齐方式。
text-decoration:文本下划线的样式
text-indent：文本缩进

2.字体样式
Font-family:设置字体
Font-size:设置字体大小
Font-weight：设置字体粗细
Font-style:设置字体样式
Color:设置字体颜色

3.列表样式
list-style-type:设置列表前序号样式

4.页面边框
border:设置四个边框宽带,边框样式,边框的颜色
border-bottom:设置下边框宽带,边框样式,边框的颜色
border-left:设置左边框宽带,边框样式,边框的颜色
border-top:设置上边框宽带,边框样式,边框的颜色
border-right:设置右边框宽带,边框样式,边框的颜色

5.伪类样式：指css预先定义好的样式。
a:link:链接默认的样式
a:visited:链接被访问过以后显示的样式
a:hover:鼠标悬停在链接上的样式
a:active:鼠标点击链接时的样式。
6.背景样式：用来设置容器背景，如颜色，图片等等
opacity:设置透明度
Background-color：设置背景颜色
Background-image：设置背景图片
Background-position:设置背景图片位置
Background-repeat：设置背景图片重复
Background-size:设置背景图片大小
7.浮动属性
Float：left
8.隐藏属性
Visibility：hidden（保留容器占据空间）
Display:none（不保留容器占据空间）
Display:block(1.默认让元素显示2.设置到行级标签上时会让行级标签转换为块级标签)
Display：inline（把块级标签转为行级标签）