基本介绍
css是英文Cascading Style Sheets的缩写。它是一种用来表现HTML等文件样式的计算机语言。。使用CSS设置页面格式时,可以将内容与表现形式分开。网页内容(即HTML代码)驻留在HTML文件自身中,而用于定义代码表现形式的CSS规则驻留在另一个文件(外部样式表)或HTML文档的另一部分(通常为文件头部分)中。使用CSS可以更加灵活地控制具体的页面外观,从精确的布局定位到特定的字体和样式。
使用方法
css有三种使用方法:行内、内嵌、外链。
不推荐使用行内,因为它不符合我们所说的内容与表现形式分开
内嵌:<style type="text/css">
........
</style>
外链:<link rel="stylesheet" type="text/css" href="ccss.css>
使用div+css具有以下的优点:
1、精简代码,降低重构难度
2、提高网页访问速度
3、SEO优化
选择器
简介
要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。
标签选择器
一个完整的HTML页面是有很多不同的标签组成,而标签选择器,则是决定哪些标签。采用相应的CSS样式。(在大环境中你可能出于不同的位置,但是不管怎么样,你总是穿着同一套衣服,这件衣服就是由标签选择器事先给你限定好的,不管走到哪里都是这身衣服)
类选择器
类选择器根据类名来选择前面以”.”来标志。
id选择器
根据元素ID来选择元素,具有唯一性。前面以”#”号来标志。
后代选择器
后代选择器也称为包含选择器,用来选择特定元素或元素组的后代,后代选择器用两个常用选择器,中间加一个空格表示。其中前面的常用选择器选择父元素,后面的常用选择器选择子元素,样式最终会应用于子元素中。是最常用的选择器。
并集选择器
初始化有相同属性的选择器和标签,选择器之间用逗号号间隔
指定选择器
1、标签.类选择器
2、标签#id选择器
伪类选择器
遵循LoVeHAte原则顺序
a:link{属性名1:属性值1;}(未访问的链接)
a:visited{属性名1:属性值1;}(已访问的链接)
a:hover{属性名1:属性值1;}(鼠标移动到链接上)
a:active{属性名1:属性值1;}(选定的链接)