一、CSS3基础
1、定义:cascading style sheet 层叠样式表
2、作用:美化和修饰页面
3、结构 选择器{
样式属性1:属性1;
样式属性2:属性2;
…
}
4、CSS书写位置:3个位置
1.行内样式:将所有的CSS代码书写在某个标签的stye属性中,主要为了单独设置某个标签效果
2.内部样式:将所有的CCS代码书写在style标签中,尽量书写在head标签(最常用的方式)
3.外部样式:将所有的CSS代码书写在CSS文件中,从而脱离HTML文件,如果HTML需要CSS,可以使用Link标签将CSS样式引入HTML中进行修饰(企业级项目)
5、常用的CSS样式
字体颜色color 值 关键字,16进制表示法#acd354 RGB三原色表示法
字体大小 font-size 值:像素px 百分比20%
字体粗细 font-weight 值:bold加粗
字体样式 font-family 值:宋体 黑体 微软雅黑:默认 华文行楷
二、选择器的类型
基本选择器4种:行内选择器、id选择器、class选择器、标签选择器
1.id选择器
语法:<标签 id=“id名称”> 设置标签的id属性
#id名称{标式属性:值;}使用#关键字代表id属性
注意:页面中不能同时出现名字相同的id属性名称
2.Class选择器
语法:<标签 class=“class名称”>设置标签的class属性
Class名称{样式属性:值}使用 . 关键字代表class属性
注意:页面中可以同时出现多个名字相同的Class属性名称
选择器优先级
行内选择器—》id选择器—》Class选择器—》标签
1000 100 10 1
三、常用的样式属性
继:标签宽度:width 值:百分比 像素 px
标签高度:height 值:百分比 像素px
背景颜色background 值:颜色
文字对齐方式:text-align:值:left 默认 center right