资源描述:
《css详细经典速成教程》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、CSS专题CSS在页面风格设计中的作用CSS语法基础用DIV+CSS的方式来写HTML页面用CSS设置图像样式扮靓网页CSS与XML的综合运用CSS简介一、CSS简介CSSCascadingStyleSheet层叠样式表样式格式,对于网页来说,像网页显示的文字的大小、颜色以及图片位置以及段落、列表等,都是网页显示的样式。层叠HTML文件引用多个CSS样式时,如果CSS的定义发生冲突,浏览器将依据层次的先后顺序来应用样式,如果不考虑样式的优先级时,一般会遵循“最近优选原则”。二、CSS在页面风格设计中的作用网页的标准——网页主要由3个部分组成:结构(Structure)表
2、现(Presentation)行为(Behavior)在一个网页中,分若干个组成部分,包括各级标题、正文段落、各种列表结构等,这就构成了一个网页的“结构”。网页各组成部分的字号、字体和颜色等属性就构成了它的“表现”。网页与用户的交互二、CSS在页面风格设计中的作用网页标准的涵义:“结构”决定了网页“是什么”“表现”决定了网页看起来是“什么样子”“行为”决定了网页“做什么”网页标准对应的技术:(X) HTML——决定网页的结构和内容CSS——设定网页的表现样式JavaScript——控制网页的行为CSS的核心目的:实现网页结构内容和表现形式的分离,将原来由HTML语言所承
3、担的一些与结构无关的功能剥离出来,改由CSS来完成。三、CSS语法基础CSS的思想就是首先指定对什么“对象”进行设置,然后指定对该对象的哪个方面的“属性”进行设置,最后给出该设置的“值”。CSS规则的构造对象属性值三、CSS语法基础样式表规则的组成:选择符(selector)决定哪些因素要受到影响声明(declaration)一个或多个属性值对组成基本语法:selector{属性:属性值[[;属性:属性值]…]}语法说明:selector表示希望进行格式化的元素;声明部分包括在选择器后的大括号中;用“属性:属性值”描述要应用的格式化操作;声明中的多个属性值对之间必须用分
4、号隔开。三、CSS语法基础选择器(selector)CSS的对象是很重要的,它指定了对哪些网页元素进行设置,因此,它有一个专门的名称——选择器(selector)类型:普通选择器复合选择器标签三、CSS语法基础普通选择器——标签选择器标签p{font-size:16px;color:red;}三、CSS语法基础普通选择器——类别选择器.biaoti{font-size:16px;color:red;}普通文字
5、iaoti>赋于标记符类所产生的格式
类选择器所定义的格式三、CSS语法基础普通选择器——ID选择器#biaoti{font-size:16px;color:red;}普通文字
赋于标记符id所产生的格式
ID选择器所定义的格式三、CSS语法基础复合选择器——交集选择器p{/*标记选择器*/color:blue;}p.Special6、{/*标记.类别选择器*/color:red;}.special{/*类别选择器*/color:green;}
普通段落文本(蓝色)
普通标题文本(黑色)
指定了.special类别的段落文本(红色)指定了.special类别的标题文本(绿色)