简单了解CSS

来源:互联网 发布:linux查看hca卡 编辑:程序博客网 时间:2024/06/05 10:07

    最近在学牛腩新闻发布系统的时候遇到了CSS样式表,觉得这个东西很神奇,可以随意的对网页样式进行更变,所以去简单的了解了一下新闻样式表。


    CSS的中文名字叫做层叠样式表,它是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态的对网页各元素进行格式化。(HTML是超文本标记语言,“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。XML是可扩展标记语言,是一种用于标记电子文件使其具有结构性的标记语言。)


    CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有字体字号和样式,拥有对网页对象和模型样式的编辑的能力。


   CSS的特点:


    1.丰富的样式定义

      CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力;允许为任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离;允许随意改变文本的大小写方式、修饰方式以及其他页面效果。


    2.易于使用和修改

      CSS可以将样式定义在HTML元素的style属性中,也可以将其定义在HTML文档的header部分,也可以将样式声明在一个专门的CSS文件中,以供HTML页面引用。总之,CSS样式表可以将所有的样式声明统一存放,进行统一管理。


    3.多页面应用

      CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。


    4.层叠

       简单的说,层叠就是对一个元素多次设置同一个样式,这将使用最后一次设置的属性值。


    5.页面压缩

      在使用HTML定义页面效果的网站中,往往需要大量表格形成的文字样式,这样做的后果就是会产生大量的HTML标签,使页面文件的大小增加。而将样式的声明单独放到CSS样式表中,可以大大的减小页面的体积,这样在加载页面时使用的时间也会大大的减少。


    CSS的语言基础属性


    属性的名字是一个合法的标识符,它们是CSS语法中的关键字。一种属性规定了格式修饰的一个方面。要掌握一个属性的用法,有六个方面需要了解。


    1.该属性的合法属性值。显然段落缩进属性text-indent只能赋给一个表示长度的值,而表示背景图案的background.image属性则应该取一个表示图片位置链接的值或者是关键字none表示不用背景图案。


    2.该属性的默认值。当在样式表单中没有规定该属性,而且该属性不能从它的父级元素那儿继承的时候,则浏览器将认为孩属性取它的默认值。


    3.该属性所适用的元素。有的属性只适用于某些个别的元素,比如white-space属性就只适用于块级元素。white-space属性可以取normal、pre和nowrap三个值。当取normal的时候,浏览器将忽略掉连续的空白字符,而只显示一个空白字符。当取pre的时候,则保留连续的空白字符。而取nowrap的时候,连续的空白字符被忽略,而且不自动换行。


    4.该属性的值是否被下一级继承。


    5.如果该属性能取百分值,那么该百分值将如何解释。


    6.该属性所属的媒介类型组。

    

    总结:

    CSS在今后的学习中还是很重要的,因为它可以使我们做出来的东西,更好、更不容易被取代,所以我们还需要不断地去研究的。

1 0