css编程基础与div+css

css编程基础与div+css

ID:8465702

大小:2.01 MB

页数:44页

时间:2018-03-28

css编程基础与div+css_第1页
css编程基础与div+css_第2页
css编程基础与div+css_第3页
css编程基础与div+css_第4页
css编程基础与div+css_第5页
资源描述:

《css编程基础与div+css》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库

1、CSS编程基础(一)CSS简介·CSS是CascadingStyleSheets的英文缩写,即层叠样式表。·作用是控制网页样式并将样式信息与网页内容分离的一种标记性语言。·CSS常常与HTML标记配合使用,通过链接方式对HTML标记进行控制,使网页达到更美观的效果。·特点:lCSS文件是一个后缀为CSS的文本文件,包含各种CSS标记。lCSS是一种标记语言,不需要编译,可以直接由浏览器解释执行。lCSS可以支持多种设备,如手机,PDA,打印机等。l使用CSS可以减少网页代码量,增加网页的浏览速度。CSS文件链接方式·HTML文档链接CSS有三种方式:Ø外部引用

2、Ø内部引用Ø内联引用·一、CSS外部引用·CSS外部引用使用了外接的CSS文件,浏览器一般都带有缓存功能,所以用户不用每次都下载此CSS文件。Ø外部引用是W3C推荐使用的,是最好的引入CSS的方式,可以网页使代码量最小,表现最统一。·外部引用CSS的两种方法:·1.使用link标签引用CSS·语法:·stylesheet指连接的元素是一个样式表·2.使用@import引用CSS·语法:@importurl(*.css)

3、;·注意:一些老式的浏览器不支持@import方法·二、内部引用CSS·可以使用style标签直接把CSS文件中的内容加载到HTML文档内部,在HTML文档的和标记之间插入一个块对象body{font-family:"隶书";font-size:30pt;color:blue;}·三、内联引用CSS·内联引用可以把CSS样式直接作用在HTML标签中.

4、>使用CSS内联引用表现段落.

内联引用虽然是一种快捷的方式,但是不利于以后的统一修改和表现的一致性,所以不提倡使用。·总结:·在实际应用中,往往是3种样式表同时运用:Ø网站的总体风格依靠外部样式表来定义,每个网站的网页都链接一个或几个固定的css文件;Ø当某个页面需要特别的样式时,则在该页面上采用内部样式表;Ø当页面的某个标签需要特别的样式时,在该标签上应用内联样式表。·通过这样的方法,做到了共性与个性的统一,在变化与固定之间建立了比较好的平衡。CSS的基本形式·CSS样式语法由选择符、属性和属性值构成selector{property:value;}

5、Ø选择符(selector)通常是HTML标签,也可以是自定义名称。Ø每个属性(property)都有一个值,属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明。Ø注意事项:Ø(1)若定义多个声明,必须用分号将每个声明分开,每行写一个。最后一个声明不必加分号,但为了防止出错,增删声明方便也最好加上。p{text-align:center;color:#0000FF;}(2)可以对选择符分组,共享相同的声明。h1,h2,h3,h4,h5,h6{

6、color:green;}(3)样式表具有继承性,其规则可从母体延续到子体。b{color:blue;}欢迎大家光临(4)特别说明的样式表优先于一般样式表body{color:green;}p{color:blue;}·(5)样式表按照在HTML中的显示顺序执行。p{color:green;}p{color:blue;}(5)如果样式表规则

7、同HTML标签格式发生冲突,如何处理?p{font-family:"黑体"}

欢迎

你好

·(6)CSS注释可以帮助了解CSS的含义。注释使用/**//*----------文字样式开始----------*//*蓝色30象素文字*/p{color:blue;font-size:30px;}选择符·CSS选择符就是CSS样式的名字。·选择

8、符命名规范:Ø可以使用英文字母、数字、

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。