css
什么是css,为什么使用css。
CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。
是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
html只能做基本的页面显示,而我们想要让页面美化,必须通过css对页面进行修饰。
示例:在页面上显示一句话.
怎样使用css
1.html与css的结合.
1.所有的html标签都具有一个style属性.这个属性就是用来定义css
<span style="font-size:10cm">传智播客</span>
这种方式只能对某一个标签进行修饰.
2.使用<style>标签来声明我们的css
一般是在header中通过<style>标签来声明.
<style type="text/css">
span,div{
font-size:2cm;
}
</style>
针对于当前页面上的所有元素.
3.可以单独定义一个样式表(就是一个.css文件)
在我们的页面上如果想要使用,可以直接导入这个css文件.
<link href="css/3.css" type="text/css" rel="stylesheet">
------------------------------------------------------------------
2.css的选择器.(重点)
用来确定当前的css对哪些标签进行修饰.
最基本的选择器有三种.
1.ID选择器 使用# id值应该唯一.
2.class选择器
3.标签选择器
标签选择器--- 针对于我们的html标签,它可以对相同名称的标签进行统一操作.
id选择器----对标签的id的值匹配的元素进行操作,一般是个性化操作.
class选择器---它是与class属性值匹配。
关于样式表书写.
属性名称:值;
如果属性有多个值,值与值之间使用空格分开.
如果是最后一个值,分号可以省略.
-----------------------------------------------------------
css过滤选择器
关联选择器
具有层级关系的。
E1 E2 代表E1下的所有的E2
子对象选择器
E1 > E2 代表的是E1下的子E2
组合选择器
具有相同属性的标签,可以用,分割开使用。
伪元素选择器
a:link 超链接未点击状态。
a:visited 被访问后的状态。
a:hover 光标移到超链接上的状态(未点击)。
a:active 点击超链接时的状态。
属性选择器:
E[属性名=属性值]