CSS(cascading style sheet):层叠样式表
1、引入CSS的方法:
- 行间样式
<div style="color:#0ff">......</div>
- 页面及CSS(写在head标签里)
<htnl>
<head>
<style type="text/css">
div{
.........
}
</style>
</head>
<body>
<div>......</div>
</body>
</html>
- 外部CSS文件(建立一个新的文件:文件名 . css)
在head标签里加入(href的属性值写所建立CSS文件的地址)
<link rel="stylesheet" style=text/css href=" ">
2、选择器 ####(用来选择某一个元素)
- id 选择器(是一一对应的关系)
<div id="id名">...</div> ---->> #id名{加入CSS}
- class选择器(多对多的关系)
<div class="demo">...</div> ---->> .demo{加入CSS}
- 标签选择器
<div>...</div> ---->> div{加入CSS}
- 通配符选择器(使用 * 代表所有的标签或元素)
*{加入CSS} - 属性选择器
[属性/属性+属性值]{加入CSS}
关于CSS的权重知识
!important------------->(权重值)正无穷
行间样式---------------->1000
id-------------------------->100
class|属性|伪类选择器---------------------->10
标签选择器------------------->1
通配符------------------------>0
写在同一行的选择器的权重可以相加
设置字体颜色的三种写法
1、颜色英文单词
2、颜色代码
3、颜色函数
设置字体的4个基本属性
1、字体大小:font-size: px/em/pt;(值使用数值即可)【任何设置字体的大小都是设置字体的高】
2、字体样式:font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)
3、字体系列:font-family
4、字体粗细:font-weight: bold;(粗体) lighter;(细体) normal;(正常)bolder(更粗)