学习Css的初级篇
初学Css,如有错误,请大神多多指教。
Css是用来做什么的?
- CSS是用于布局与美化网页的.
- CSS是Cascading Style Sheets的英文缩写,即层叠样式表
- CSS语言是一种标记语言,因此不需要编译,可以直接由浏览器执行(属于浏览器解释型语言).
- CSS文件是一个文本文件,它包含了一些CSS标记,CSS文件必须使用.css为文件名后缀.
- CSS是大小写不敏感的,CSS与css是一样的. CSS是由W3C的CSS工作组产生和维护的.
Css基本语法
基本语法:
CSS定义分别由:选择符、属性、属性取值组成格式:
selector{property:value}
选择符可以是HTML中的标记名称, 属性和值之间用冒分开,多个属性之间加分号 CSS是大小写不敏感的,在CSS语法中推荐使用小写.
如:body{color:red}设置了页面为红色的文字 例:p{text-align:center;color:red;font-family:宋体}
Css常见选择器
- id选择器 语法:#ID名称{属性:值} ;具有唯一性;
- 类选择器 语法:.class名称{属性:值};可以重复使用同一个class名称:
- 元素选择器 语法:元素名称{属性:值};
- 属性选择器 语法:元素名称 [属性]{ 属性:值};
- 伪类选择器 常用伪类:a:link(未访问)a:visited(已访问)a:hover(鼠标在超链接上)a:active(鼠标点击时)
Css常见选择器优先级顺序
important>内嵌>id选择器>class、属性、伪类选择器>元素、伪元素选择器>*(通配符)
Css常见属性
text属性:
- font-weight:normal/bold/bolder;(字体着重)
- font-style:oblique;(斜体)
- text-indent(首行缩进)
- letter-spacing(字间距)
- line-height(行高)
- text-decoration:overline/underline/line-though(文体修饰,下划线,上划线和删除线)
- text-transform:uppercase/lowercase/capitalize(大写,小写,首字母大写)
背景属性
- background-image:url();
- background-repeat:no-repeat/repeat-x/repeat-y(不重复,横向重复,纵向重复)
- background-position:top/right/left;
- background-size:cover/contain(覆盖,超出部分隐藏;填充,但具有完整性)
列表属性
- list-style:none(去圆点)
- list-style-type:circle/square/lower-roman/upper-alpha(空心圆,方块,小写罗马字符,大写字母)
- list-style-image:url();