码迷,mamicode.com
首页 > Web开发 > 详细

css样式、选择器规则

时间:2017-09-25 14:37:50      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:固定   class   bsp   红色   sheet   base   head   html标签   页面   

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"> type="text/css" </head> 红色是固定的写法 link标签不在<style>标签内

优点:代码精简 缺点:控制不灵活

优先级别内联>内嵌>@import导入>引入 内联>#>类,复合>导入

 

常用选择器

1普通选择器:E{。。。}

2类选择器:.class名{......}【E】表示有效的html标签 用class引用类名

3id选择器:#id名{......}用id引用类名 , 无法引用多个id名

4复合选择器:逗号(,)并列关系 空格( )表后代 筛选 :标签名.class名或#id名(没用弱鸡)

相邻(+)

css样式、选择器规则

标签:固定   class   bsp   红色   sheet   base   head   html标签   页面   

原文地址:http://www.cnblogs.com/xiandong/p/7591475.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!