CSS(一)— 样式表入门

来源:互联网 发布:shopex erp源码 编辑:程序博客网 时间:2024/05/17 21:50

什么是 CSS

       CSS(Cascading Style Sheets,层叠样式表)是由W3C(万维网联盟)的CSS工作组创建和维护的。它是一种不需要编译,可直接由浏览器执行的可标记性语言,用于控制Web页面的外观。通过使用CSS样式控制页面各元素的属性显示,可将页面的内容与表现形式进行分离。
       利用CSS可以实现修改一个小的样式更新与之相关的所有元素。

发展历程

       从HTML被发明开始,样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。
       随着HTML的成长,为了满足页面设计者的要求,HTML添加了很多显示功能。但是随着这些功能的增加,HTML变的越来越杂乱,而且HTML页面也越来越臃肿。于是CSS便诞生了。
       1994年,W3C组织(World WideWeb Consortium)成立,CSS的创作成员全部成为了W3C的工作小组并且全力以赴负责研发CSS标准,层叠样式表的开发终于走上正轨。有越来越多的成员参与其中,例如微软公司的托马斯·莱尔顿(Thomas Reaxdon),他的努力最终令Internet Explorer浏览器支持CSS标准。哈坤、波斯和其他一些人是这个项目的主要技术负责人。1996年底,CSS初稿已经完成,1994年12月,层叠样式表的第一份正式标准(Cascading style Sheets Level 1)完成,成为w3c的推荐标准。
       1997年初,W3C组织负责CSS的工作组开始讨论第一版中没有涉及到的问题。其讨论结果组成了1998年5月出版的CSS规范第二版。—>《百度百科》

发展历史
CSS1–>CSS2(添加了对媒体和可下载字体的支持)–>CSS3(划分为更小的模块)

工作环境

  1. CSS显示环境 — 浏览器
  2. CSS编辑环境 — 记事本、Dreamweaver、webstorm等,由于CSS也是文本文件,因此任何文本编辑器都可以进行开发。

CSS优势

  1. 避免使用多余的HTML代码,减少代码量。
  2. 缩短更新和维护的时间。
  3. 做出HTML实现不了的特效。

CSS编写规范

这里写图片描述

  • 选择器(selector):所谓选择器就是规则中用于选择文档中要应用样式的那些元素。该元素可以是HTML中的某个标签,也可以是页面中指定的class(类)或者id属性限定的标记(图片中便是用的id)。
  • 声明:声明包含在一对大括号”{}”内,用于告诉浏览器如何渲染页面中与选择器相匹配的对象。声明内部由属性及其属性值组成,并用冒号隔开,以分号结束,声明的形式可以是一个或者多个属性的结合。
  • 属性(property):属性是由官方CSS规范约定的,而不是自行定义的,除个别浏览器私有属性以外。
  • 属性值(value):属性值放置在属性名和冒号后面,具体内容跟随属性的类别而呈现不同的形式,一般包括数值、单位以及关键字。
.text{color:red;font-size:20px}

CSS注释

  • 结构性注释
/*我是结构性注释*/
  • 提示性注释
h2{    color: red;/*颜色为红色*/}
原创粉丝点击