欢迎来到天天文库
浏览记录
ID:33607354
大小:2.16 MB
页数:44页
时间:2019-02-27
《css编程基础与div+css》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、CSS编程基础(一)CSS简介·CSS是CascadingStyleSheets的英文缩写,即层叠样式表。·作用是控制网页样式并将样式信息与网页内容分离的一种标记性语言。·CSS常常与HTML标记配合使用,通过链接方式对HTML标记进行控制,使网页达到更美观的效果。·特点:lCSS文件是一个后缀为CSS的文本文件,包含各种CSS标记。lCSS是一种标记语言,不需要编译,可以直接由浏览器解释执行。lCSS可以支持多种设备,如手机,PDA,打印机等。l使用CSS可以减少网页代码量,增加网页的浏览速度。CSS文件链接方式·HTML文档
2、链接CSS有三种方式:Ø外部引用Ø内部引用Ø内联引用·一、CSS外部引用·CSS外部引用使用了外接的CSS文件,浏览器一般都带有缓存功能,所以用户不用每次都下载此CSS文件。Ø外部引用是W3C推荐使用的,是最好的引入CSS的方式,可以网页使代码量最小,表现最统一。·外部引用CSS的两种方法:·1.使用link标签引用CSS·语法:·stylesheet指连接的元素是一个样式表·2.使用@import引用CSS·语法:3、ype="text/css">@importurl(*.css);·注意:一些老式的浏览器不支持@import方法·二、内部引用CSS·可以使用style标签直接把CSS文件中的内容加载到HTML文档内部,在HTML文档的和标记之间插入一个块对象body{font-family:"隶书";font-size:30pt;color:blue;}·三、内联引用CSS·内联引用可以把CSS样式直接作用
3、ype="text/css">@importurl(*.css);·注意:一些老式的浏览器不支持@import方法·二、内部引用CSS·可以使用style标签直接把CSS文件中的内容加载到HTML文档内部,在HTML文档的和
4、在HTML标签中.使用CSS内联引用表现段落.
5、建立了比较好的平衡。CSS的基本形式·CSS样式语法由选择符、属性和属性值构成selector{property:value;}Ø选择符(selector)通常是HTML标签,也可以是自定义名称。Ø每个属性(property)都有一个值,属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明。Ø注意事项:Ø(1)若定义多个声明,必须用分号将每个声明分开,每行写一个。最后一个声明不必加分号,但为了防止出错,增删声明方便也最好加上。p{text-align:center;col
6、or:#0000FF;}(2)可以对选择符分组,共享相同的声明。h1,h2,h3,h4,h5,h6{color:green;}(3)样式表具有继承性,其规则可从母体延续到子体。b{color:blue;}欢迎大家光临(4)特别说明的样式表优先于一般样式表body{color:green;}p{color:blue;}7、yle>·(5)样式表按照在HTML中的显示顺序执行。p{color:green;}p{color:blue;}(5)如果样式表规则同HTML标签格式发生冲突,如何处理?p{font-family:"黑体"}欢迎你好·(6)CSS注释可以帮助了解CSS的含义。注释使用/**/8、ext/css">/*----------文字样式开始----------*//*蓝色30象素文字*/p{color:blue;font-size:30px;}选择符·CSS选择符就是CSS样式的名字。·选择符命名规范:Ø可以使用英文字母、数字、
7、yle>·(5)样式表按照在HTML中的显示顺序执行。p{color:green;}p{color:blue;}(5)如果样式表规则同HTML标签格式发生冲突,如何处理?p{font-family:"黑体"}欢迎你好·(6)CSS注释可以帮助了解CSS的含义。注释使用/**/8、ext/css">/*----------文字样式开始----------*//*蓝色30象素文字*/p{color:blue;font-size:30px;}选择符·CSS选择符就是CSS样式的名字。·选择符命名规范:Ø可以使用英文字母、数字、
欢迎
你好
8、ext/css">/*----------文字样式开始----------*//*蓝色30象素文字*/p{color:blue;font-size:30px;}选择符·CSS选择符就是CSS样式的名字。·选择符命名规范:Ø可以使用英文字母、数字、
此文档下载收益归作者所有