html_CSS_简介

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优点:

  1. 提高网页浏览速度,使用css方法,比传统的web设计方法至少节约50%以上的文件尺寸。
  2. 可以缩短改版时间,将表现(样式/外观)与内容(信息/数据)相分离。只要简单的修改几个CSS文件就可以重新设计一个有成千上万页面的站点。
  3. 降低网站流量的费用,带宽要求降低(代码更简洁),成本降低。
  4. 更容易被搜寻引擎搜索到。提高网站在百度或google中的排名。
  5. 内容能被更广泛的设备所访问,包括屏幕阅读机,手机设备,搜索机器人,打印机,电冰箱等等。

 

CSS核心:将内容和样式分离

  • Web标准的构成

Web标准主要由三部分构成:结构(Structure)表现(Presentation)行为(Behavior)

结构标准对应的主要语言是XHTML

表现标准对饮的主要语言是CSS

行为标准对应的主要语言是JavaScript

制作成一个静态页面,主要用到的就是XHTML和CSS,所以制作标准页面的技术就是XHTML+CSS

理解表现和结构分离(重点)

  1. 内容:就是制作者放在页面内真正想要让访问者浏览的信息
  2. 结构:使内容更加具有逻辑性和易用性(类似于标题,二级标题,内容)
  3. 表现:用于修饰内容的外观的样式的东西称为变现
  4. 行为:对内容的交互及操作效果,如通过javascript判断表单

CSS简介

  • 概念:CSS是Cascading Style Sheets(层叠样式表)的简称

更多的人把它称作样式表。它是一种设置网页样式的工具。

CSS可以做为html,xhtml,xml的样式控制语言

二.语法结构

{属性名:值

注意:

  • 每个css的每个属性语句后都要有“;”
  • 某些标签有自己默认的css属性,例如h1标签都有自己的属性值,自动就是加粗显示,字号比较大
  • 为了兼容主流浏览器,为统一,建议我们在设置时,将所有元素的css属性,重置为标准。
  • 不同的浏览器,有各自不同的css属性

Css注意事项:要尽量使用通过宋体,用大家电脑上都有的字体

补充:

1.如果有一个比较特殊的字体想用怎么办?

答案:将其转化为图片

2.中英文的字体,先英文还是先中文

答案:将英文字体设置在先,中文在后。

最常用的字体Arial

猜你喜欢

转载自blog.csdn.net/jss19940414/article/details/84947478