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层叠规则优先级、内部样式表与外部样式表优先级

我将CSS优先级总结为四个级别的优先,按照从高到低的顺序排列分别是标签离修饰内容近,!important相关,选择器级别,CSS代码位置靠下。在比较的时候从高往低比较。如果在某一优先级层面上已经比较出...
  • cxl444905143
  • cxl444905143
  • 2014年10月28日 14:14
  • 1334

Qt Style Sheet实践(二):组合框QComboBox的定制

导读      组合框是一个重要且应用广泛的组件,一般由两个子组件组成:文本下拉单部分和按钮部分。在许多既需要用户选择、又需要用户手动输入的应用场景下,组合框能够很好的满足我们的需求。如我们经常使用...
  • imxiangzi
  • imxiangzi
  • 2015年10月19日 23:22
  • 1528

【CSS】——三大基础选择器以及优先级

前提  小编最近在学习前端的一些内容,想要做出用户体验度高的界面,CSS是我们必须要学习的一门编程语言。何为CSS?   CSS(Cascading Style Sheets,层叠样式表)是一种用...
  • jiadajing267
  • jiadajing267
  • 2016年05月23日 14:30
  • 1255

Web前端开发之CSS(层叠样式表、全称:Cascading Style Sheets)

CSS中样式表的三种引入方式       1、外部样式表                CSS文件:                    特点:样式表文件与html文件分离隔开,当html中多处...
  • qq_37203683
  • qq_37203683
  • 2017年03月06日 21:31
  • 75

CSS(Cascading Style Sheets)层叠样式表

1、选择器        1)选择器类型        2)选择器优先级     2、CSS2八大类样式        字体样式        区块样式        背景...
  • qq_36734558
  • qq_36734558
  • 2017年03月15日 19:38
  • 155

CSS层叠样式表(Cascading Style Sheets)

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

CSS(层叠样式表)Cascading Style Sheets

原文链接:http://baike.baidu.com/link?url=jZDCPph7lt1PB1sAXgIiNcCAPfSnFsXxuRIqSqHzgIfrt-xuuA22Y0oE6zFTlLh...
  • yinghuochong_cwl01
  • yinghuochong_cwl01
  • 2016年07月27日 15:54
  • 363

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

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

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

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

CSS-Cascading Style Sheet 层叠样式表

引言 在上一篇中,说到了html的相关标签的使用,下面主要介绍css的相关知识点。 html:负责网页的结构 css: 负责网页的美观(样式) css的使用方式 ...
  • sliencr
  • sliencr
  • 2017年06月28日 12:30
  • 170
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS(Cascading Style Sheets)层叠样式表
举报原因:
原因补充:

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