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.cssrel="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名(没用弱鸡)

相邻(+)

posted @ 2018-07-13 20:35  街角的守护  阅读(190)  评论(0编辑  收藏  举报