学习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常见选择器

  1. id选择器  语法:#ID名称{属性:值} ;具有唯一性;
  2. 类选择器 语法:.class名称{属性:值};可以重复使用同一个class名称:
  3. 元素选择器 语法:元素名称{属性:值};
  4. 属性选择器 语法:元素名称 [属性]{ 属性:值};
  5. 伪类选择器 常用伪类: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();
原文地址:https://www.cnblogs.com/rwalker/p/5374683.html