css样式 选择器规则
css----页面样式,美化页面
css样式的三个规则
1内联式:直接写在html标签中 <p style="color:red"> 直接对html标签使用 style属性 语法:style=“样式:值 样式:值”
优点:操控精准 缺点:不灵活,代码
2嵌入式:在<style>标签内给标签css样式 在head标签内 <style type=text/css>
优点:代码精简 缺点:控制不灵活
3外部式;建立单独的 .css文件 使用<link>标签将css样式文件链接到HTML文件内,如下面代码:
<head><link href="base.css" rel="stylesheet"> </head> 红色是固定的写法 link标签不在<style>标签内
优点:代码精简 缺点:控制不灵活
优先级别:内联>内嵌>@import导入>引入 内联>#>类,复合>导入
1. 内联样式表的权值最高 1000;
2. ID 选择器的权值为 100
3. Class 类选择器的权值为 10
4. HTML 标签选择器的权值为 1
常用选择器
1普通选择器:E{。。。}
2类选择器:.class名{......}【E】表示有效的html标签 用class引用类名
3id选择器:#id名{......}用id引用类名
4复合选择器:逗号(,)并列关系 空格( )表后代 筛选 :标签名.class名或#id名(没用弱鸡)
相邻(+)