Css概念
Css:层叠样式表(cascading style sheets)
层叠:指的时Css的特性
css与html 之间的关系
html: 负责写网页结构
Css:负责美化网页
注意:
1)CSS以html为基础的,CSS文件不能单独运行。
2)CSS美化html标签(设置标签的样式)
CSS书写位置
1 内嵌式写法
特点: 讲css代码写到html页面中
写法: 载html页面中,添加style标签,载style标签中设置css即可。
2 外链式写法
首先新建一个CSS文件,然后通过link标签将CSS文件引入到当前html页面中
注意:
1)一个html页面中可以同时引用多个外部CSS文件
2)在css文件中不需要再写style标签,直接写CSS代码。
3)实现了样式与结构的分离
3 行内式写法
在标签内部写CSS代码。只能影响当前标签内部的样式。
CSS的语法结构
选择器 {属性: 值; 属性: 值;.....}
1)选择器: 选择器谁的过程(html标签)
选择器分类:
◆简单选择器
■标签选择器
■类选择器
■ID选择器
■通配符选择器
◆复合选择器
■后代选择器
■标签指定式选择器(交集选择器)
■并集选择器
◆注意凡是在代码中出现的特殊符号都是英文输入法下的符号
标签选择器
标签名 {属性: 值; }
注意:
标签名指的是html中的标签
常见的属性
常见的属性 代表的意义
color : red; 前景色 (文字颜色)
background-color: red; 背景色
font-size:20px; 设置文字大小
width: 20px; 设置宽度
height:20px; 设置高度
text-align:left| center | right 设置内容居中显示(文字,图片)
注意: 设置text-align属性的时候,必须保证标签属于块级元素
text-indent: 2em; 首行缩进2个汉字大小
补充一点
1 文字大小单位:
px :像素
em :一个文字的大小
2 颜色或者背景颜色的表示方式:
◆ 十六进制表示法: #0-F表示
◆RGB表示法
R: red 0-255
G: green 0-255
B:blue 0-255
◆RGBA表示法(可以实现半透明的效果)
A: 透明度 0-1
◆opacity(设置半透明)
取值为0 -1;