css样式

基本介绍

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;}(选定的链接)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容