重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
层叠就是浏览器对多个样式来源进行叠加,最终确定结果的过程.
目前成都创新互联公司已为近1000家的企业提供了网站建设、域名、虚拟主机、成都网站托管、企业网站设计、徐闻网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
css之所以有“层叠”的概念,是因为有多个样式来源。
其中css样式来源有5个,分别是内联样式(a style=""),内部样式(style/style),
外部样式(写在css文件中的样式),浏览器用户自定义样式,浏览器默认样式;
按照其来源优先级为内联样式内部样式外部样式浏览器用户自定义样式浏览器默认样式
按照选择器优先级为id class元素选择器
如果有important,important优先级最高。
CSS 概述
CSS 指层叠样式表 (Cascading Style Sheets)
样式定义如何显示 HTML 元素
样式通常存储在样式表中把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题外部
样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一
样式解决了一个普遍的问题HTML 标签原本被设计为用于定义文档内容。 通过使用 h1、p、table 这样的标签,HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成,而不使用任何的格式化标签。由于两种主要的浏览器(Netscape 和 Internet Explorer)不断地将新的 HTML 标签和属性(比如字体标签和颜色属性)添加到 HTML 规范中,创建文档内容清晰地独立于文档表现层的站点变得越来越困难。为了解决这个问题,万维网联盟(W3C),这个非营利的标准化联盟,肩负起了 HTML 标准化的使命,并在 HTML 4.0 之外创造出样式(Style)。所有的主流浏览器均支持层叠样式表。
样式表极大地提高了工作效率样式表定义如何显示 HTML 元素,就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档,外部样式表使你有能力同时改变站点中所有页面的布局和外观。由于允许同时控制多重页面的样式和布局,CSS 可以称得上 WEB 设计领域的一个突破。作为网站开发者,你能够为每个 HTML 元素定义样式,并将之应用于你希望的任意多的页面中。如需进行全局的更新,只需简单地改变样式,然后网站中的所有元素均会自动地更新。
多重样式将层叠为一个样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中,在 HTML 页的头元素中,或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。
____________________________________________________________________________________________________________华丽丽的分割性,以上摘自自W3CSCHOOL,排版费了好大劲了________________________________________
要问层叠样式表CSS的主要作用是改变什么?
它是样式从结构中分离出来,html能够更加语义,css则有序高效的控制样式
css是层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。
CSS具有以下特点:
1、丰富的样式定义
CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力;允许为任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离;允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
2、易于使用和修改
CSS可以将样式定义在HTML元素的style属性中,也可以将其定义在HTML文档的header部分,也可以将样式声明在一个专门的CSS文件中,以供HTML页面引用。总之,CSS样式表可以将所有的样式声明统一存放,进行统一管理。
3、多页面应用
CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。
4、层叠
层叠就是对一个元素多次设置同一个样式,这将使用最后一次设置的属性值。例如对一个站点中的多个页面使用了同一套CSS样式表,而某些页面中的某些元素想使用其他样式,就可以针对这些样式单独定义一个样式表应用到页面中。
5、页面压缩
在使用HTML定义页面效果的网站中,往往需要大量或重复的表格和font元素形成各种规格的文字样式,这样做的后果就是会产生大量的HTML标签,从而使页面文件的大小增加。
而将样式的声明单独放到CSS样式表中,可以大大的减小页面的体积,这样在加载页面时使用的时间也会大大的减少。另外,CSS样式表的复用更大程序的缩减了页面的体积,减少下载的时间。
扩展资料:
css的工作原理
CSS是一种定义样式结构如字体、颜色、位置等的语言,被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。
无论哪一种方式,样式单包含将样式应用到指定类型的元素的规则。外部使用时,样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。
样式规则是可应用于网页中元素,如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中,外部样式单保存在独立的文档中,网页通过一个特殊标签链接外部样式单。
名称CSS中的“层叠(cascading)”表示样式单规则应用于HTML文档元素的方式。具体地说,CSS样式单中的样式形成一个层次结构,更具体的样式覆盖通用样式。样式规则的优先级由CSS根据这个层次结构决定,从而实现级联效果。
参考资料:百度百科_css
CSS(Cascading Style Sheets)
层叠样式表
优势:
CSS可以提高页面的浏览速度。
缩短改版时间,降低维护费用。
强大的字体控制能力和排版能力。
css容易编写。
可以一次设计随处发布。
更好的控制页面布局。
实现表现和结构、内容相分离。
更方便搜索引擎的搜索/page Rank
样式规则:
语法:选择器{属性1:值1;属性2:值2;...属性N:值N;}
选择器就是要改变页面中的哪些标签元素
声明要用{}括起来,;结束
如果属性中包含空格要用“”括起来
可以指定多个选择器使用相同的样式
样式表:
外部样式表,新建.css文件,在文件中写入样式规则link rel="stylesheet" href = "xxx.css"
内联样式表,在元素中添加style属性
嵌入式样式表,在html使用style标签,style type="text/css"/style
选择器:
元素选择器,元素名
id选择器,用#id
类选择器,用.class
后代选择器,选择器1 选择器2
css深化:
就近原则,!important提高元素优先级,伪类选择器,伪对象选择器,@import导入其他css文件,响应式布局可以解决多设备的兼容问题。
文本属性:
font-family:字体
font-size:字体大小
font-style:斜体
font-weight:粗体
color:颜色
line-height:行高
letter-spacing:字符间距
text-decoration:文本修饰
text-overflow:文字溢出处理
white-space : no wrap
text-overflow:hidden
text-align:文本对齐
背景属性:
background-color:背景颜色
background-image:背景图片
background-repeat:背景重复
background-attachment:背景图片附着
基于占满一整行与否,标签分为两大类(文档流):
占满:行级元素(div,p,h1~h6)
不占满:行内元素(span,)
定位属性:
position:定位
absolute:绝对定位
relative:相对定位