CSS(Cascading Style Sheets)层叠样式表

原创 2015年07月08日 16:50:37

1.CSS代码的位置
三种样式表的优先级由高到低排列如下:
内联样式表>内部样式表> 外部样式表
补充规则:优先级相同的情况下,后定义的属性会覆盖先前定义的。
其他高级规则:CSS中的important!是比较实用的技巧。
1.1 内联样式表:HTML标签内
内联样式表
1.2内部样式表:在head标签内,title标签后面

如上图所示
注释标签则是避免不支持CSS的浏览器将CSS内容作为网页正文显示在页面上。
在CSS中,注释以“/”开始,以“/”结束
1.3外部样式表:独立的CSS文件中

使用link标签引入到当前文档中
2.CSS基本语法
CSS基本语法
3.css选择器
(1) id选择器 #
(2) 类class选择器 .
(3)选择器分组:不同的元素使用相同的样式时,可以使用“,”逗号隔开,表示并列关系。
(4)派生选择器:使用“父元素 子元素”的格式定位到父元素下面的子元素(用空格隔开)
(5)id选择器结合派生选择器:“#id名 子元素”定位到此id下面的子元素。
(6)类选择器结合派生选择器:“.class名 子元素”定位到此class下面的子元素。
(7)元素也可以给予他们的类而被选择
元素也可以给予他们的类而被选择

这里写图片描述
4.css框模型
框模型
行框:前后不换行,不能指定宽度(a,span,strong等标签),通过display:inline指定
行框
块框:前后换行(div,table,p,h1~h6等标签)通过display:block指定
块框
5.相对定位
绝对定位
这里写图片描述

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

CSS(Cascading Style Sheets)层叠样式表

1、选择器        1)选择器类型        2)选择器优先级     2、CSS2八大类样式        字体样式        区块样式        背景...

CSS层叠样式表(Cascading Style Sheets)

CSS简介CSS全称为:层叠样式表(Cascading Style Sheets),主要用于定义HTML内容在浏览器内的显示样式,如文字大小,颜色,字体加粗等。 使用CSS样式通过定义某个样式,可以...
  • ydydyq
  • ydydyq
  • 2016年07月07日 16:46
  • 2159

CSS(层叠样式表)Cascading Style Sheets

原文链接:http://baike.baidu.com/link?url=jZDCPph7lt1PB1sAXgIiNcCAPfSnFsXxuRIqSqHzgIfrt-xuuA22Y0oE6zFTlLh...

层叠样式表(Cascading Style Sheets,CSS)简介

1、简介          层叠样式表(英语:Cascading Style Sheets,简写CSS),又称串样式列表,由W3C定义和维护的标准,一种用来为结构化文档(如HTML文档或XML应用)...

CSS Cascading Style Sheets(层叠样式表单)

CSS  Cascading Style Sheets(层叠样式表单),HTML的辅助设计规范,用来弥补HTML在排版上的所受的限制导致的不足。 CSS对WEB程序员不太重要,它应该是网...

CSS-Cascading Style Sheet 层叠样式表

引言 在上一篇中,说到了html的相关标签的使用,下面主要介绍css的相关知识点。 html:负责网页的结构 css: 负责网页的美观(样式) css的使用方式 ...
  • sliencr
  • sliencr
  • 2017年06月28日 12:30
  • 125

CSS Cascade Style Sheets 样式表 层叠/级联

CSS Cascade Style Sheets 样式表 层叠/级联作用:美化HTML语法: 样式属性名:值;样式属性名2:值2;行内样式场景:应用于网页中一个元素样式。语法:.......

CSS 样式表小结 CSS (Cascading style sheets)学完就可以写样式了

先介绍一些简单的基础知识: 什么是样式选择器:     Selector {                          /*  Selector 是样式选择器 */    propert...
  • tom_ke
  • tom_ke
  • 2013年07月21日 23:06
  • 580

css (Cascading style sheet)样式表

1 css(Cascading style sheet)?   作用?:对html标签添加各种样式。           使数据和显示进行分开;           降低网络流量 2 css语...

Qt Style Sheets(qt样式表)

qt样式表示列引导
  • py8105
  • py8105
  • 2017年04月03日 20:49
  • 66
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS(Cascading Style Sheets)层叠样式表
举报原因:
原因补充:

(最多只允许输入30个字)