css
Cascading Style Sheets 层叠样式表 简称css。主要是作用是定义网页的描述效果。简单理解为html的文本修饰语言,主要用来修饰文本的展现效果。可以同html一样写在网页中,也可单独写在一个网页引入被修饰html网页中。
css和html的结合方式主要有4种
1)在每个html的标签中都提供了一个属性 style样式属性 style="就是css的代码"(常用)
2)html提供了一个标签 <style type="text/css">css的代码</style> 写在<head></head>(常用)
3)在stype标签中 css提供了 @import url("链接文件的地址")
4)html一个标签 <link rel="引入的文件与html的关系" type="text/css" href="文件的地址" >
css的优先级是从上到下,从外到内,优先级从低到高。(大多数情况下)
(以下基本不熟悉,内容为摘抄讲课的笔记)
css基本选择器
1)标签名称选择器
2)html的标签提供属性 class 类属性 通过class编写的样式的优先级别高。
3)html的标签提供的属性 id 通常会把id定义成唯一性的。 id的优先级别高于class。style属性的优先级最高。
标签名 < class < id < style属性
css的扩展选择器
1)关联选择器:标签是可以嵌套的,两个或多个选择器之间产生关系,就可以用此选择器。
2)组合选择器:对多个不同选择器进行相同样式设置的时候应用此选择器。
3)伪元素选择器:
1)a:link 超链接未点击状态。
2)a:hover 光标移到超链接上的状态(未点击)。
3)a:active 点击超链接时的状态。
4)a:visited 被访问后的状态。
5)p:first-letter 段落中的第一个字母。
6):focus 具有焦点的元素
css代码规范
选择器名称 { 属性名:属性值;属性名:属性值;…….}
属性与属性之间用 分号; 隔开
属性与属性值直接按用 冒号: 连接
如果一个属性有多个值的话,那么多个值用 空格 隔开。
css布局--漂浮
float
right:文本流向对象的左边
position
absolute :将对象从文档流中拖出,使用 left , right , top , bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。