css详细经典速成教程

css详细经典速成教程

ID:21790845

大小:2.87 MB

页数:63页

时间:2018-10-18

css详细经典速成教程_第1页
css详细经典速成教程_第2页
css详细经典速成教程_第3页
css详细经典速成教程_第4页
css详细经典速成教程_第5页
资源描述:

《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.Special

6、{/*标记.类别选择器*/color:red;}.special{/*类别选择器*/color:green;}

普通段落文本(蓝色)

普通标题文本(黑色)

指定了.special类别的段落文本(红色)

指定了.special类别的标题文本(绿色)三、CSS语法基础复合选择器——并集选择器并集选择器

7、s">/*并集选择器*//*集体声明*/h1,h2,h3,h4,h5,p{color:purple;font-size:15px;}h2.special,.special,#one{text-decoration:underline;}

示例文字h1

示例文字h2

示例文字h3

示例文字h4

示例文字h5

示例文字p1

示例文字p2

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

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

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