CSS
一.什么是Web标准,Web标准的构成
二.采用标准的好处
三.理解表现和结构分离
四.什么是CSS,CSS语法
五.CSS常用属性,CSS控制文字与链接
1.补充:DIV+CSS叫法的误区
“DIV+CSS”这种叫法其实是一种不准确的叫法,是大家开始在对这种技术理解不透彻的情况下,给这种布局标准页面的方法起的名字,而标准的方法叫XHTML+CSS
2.W3C是什么
World Wide Web Consortium的所写,中为是W3C组织或者万维网联盟,W3C出网页标准。
- 什么Web标准
Web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合,包含我们所熟悉的HTML,XHTML,Javascript,以及CSS等
- Web标准的目的
在于创建一个统一的用于Web表现层的技术标准,以便于通过不同浏览器或终端设备向最终用户展示信息内容。
使用css优点:
- 提高网页浏览速度,使用css方法,比传统的web设计方法至少节约50%以上的文件尺寸。
- 可以缩短改版时间,将表现(样式/外观)与内容(信息/数据)相分离。只要简单的修改几个CSS文件就可以重新设计一个有成千上万页面的站点。
- 降低网站流量的费用,带宽要求降低(代码更简洁),成本降低。
- 更容易被搜寻引擎搜索到。提高网站在百度或google中的排名。
- 内容能被更广泛的设备所访问,包括屏幕阅读机,手机设备,搜索机器人,打印机,电冰箱等等。
CSS核心:将内容和样式分离
- Web标准的构成
Web标准主要由三部分构成:结构(Structure)表现(Presentation)行为(Behavior)
结构标准对应的主要语言是XHTML
表现标准对饮的主要语言是CSS
行为标准对应的主要语言是JavaScript
制作成一个静态页面,主要用到的就是XHTML和CSS,所以制作标准页面的技术就是XHTML+CSS
理解表现和结构分离(重点)
- 内容:就是制作者放在页面内真正想要让访问者浏览的信息
- 结构:使内容更加具有逻辑性和易用性(类似于标题,二级标题,内容)
- 表现:用于修饰内容的外观的样式的东西称为变现
- 行为:对内容的交互及操作效果,如通过javascript判断表单
CSS简介
- 概念:CSS是Cascading Style Sheets(层叠样式表)的简称
更多的人把它称作样式表。它是一种设置网页样式的工具。
CSS可以做为html,xhtml,xml的样式控制语言
二.语法结构
{属性名:值;}
注意:
- 每个css的每个属性语句后都要有“;”
- 某些标签有自己默认的css属性,例如h1标签都有自己的属性值,自动就是加粗显示,字号比较大
- 为了兼容主流浏览器,为统一,建议我们在设置时,将所有元素的css属性,重置为标准。
- 不同的浏览器,有各自不同的css属性
Css注意事项:要尽量使用通过宋体,用大家电脑上都有的字体
补充:
1.如果有一个比较特殊的字体想用怎么办?
答案:将其转化为图片
2.中英文的字体,先英文还是先中文
答案:将英文字体设置在先,中文在后。
最常用的字体Arial