CSS学习笔记(一)

Web标准

WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。

Web标准——结构标准

XHTML是可扩展超文本标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0。XML虽然数据转换能力强大,完全可以替代HTML,但面对成千上万已有的站点,直接采用XML还为时过早。因此,我们在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。简单的说,建立XHTML的目的就是实现HTML向XML的过渡。
XML是可扩展标识语言的简写。和HTML一样,XML同样来源于SGML,但XML是一种能定义其他语言的语言。XML最初设计的目的是弥补HTML的不足,以强大的扩展性满足网络信息发布的需要,后来逐渐用于网络数据的转换和描述。

Web标准——表现标准

CSS是(Cascading Style Sheets)层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构,使站点的访问及维护更加容易。

Web标准——行为标准

DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范,DOM是一种与浏览器,平台,语言的接口,使得你可以访问页面其他的标准组件。简单理解,DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突,给予web设计师和开发者一个标准的方法,让他们来访问他们站点中的数据、脚本和表现层对像。
ECMAScript是ECMA(European Computer Manufacturers Association)制定的标准脚本语言(JAVAScript)。目前推荐遵循的是ECMAScript 262

HTML的缺点

维护困难。为了修改某个标记,需要花费很多时间,尤其对于整个网站而言,维护成本更高。
样式标记不足。HTML本身的样式标记很少,大部分标记是为网页内容服务的。
网页过胖。由于没有统一对各种风格样式进行控制,HTML页面体积过大,占用掉了很宝贵的宽度。
定位困难。过多的

标记导致页面的复杂和后期维护困难。

什么是CSS

CSS(Cascading Style Sheets的缩写),翻译为“层叠样式表”或者“级联样式表”,简称样式表。它允许网页设计者定义网页元素的样式,包括字体、颜色及其他的高级样式。
样式表由一组决定显示格式的规则组成,这些规则用于定义网页中任何HTML元素内容的显示格式。

CSS语法基础

CSS语法
一个CSS样式表代码由一个或多个CSS规则组成;
CSS样式规则由选择器和格式声明语句组成;
选择器通常是您需要改变样式的 HTML 元素;
格式声明语句放在{ }内;
每一条格式声明语句由“属性名:属性值”对组成,属性名和属性值间以冒号隔开,每条声明语句以分号“;”结束。
CSS对大小写不敏感。

属性

在格式声明语句中,属性名称与属性值之间以冒号“:”隔开,属性值不需要使用引号括起来,除非属性值是由多个单词组成。
有的属性可以指定多个属性值,多个属性值间以“,”隔开。
当定义多个值时,浏览器按照从前向后顺序选择属性值。如果第1个值有效,则尝试使用,如果第1个无效,则使用第2个,依次类推。

div.news .title{
    font-family:”华文行楷”,”宋体”,”Times New Roman”,Arial;
    text-align:center;
    font-weight:bold;
    color:#444444;
    background-color:#808080;
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值