第一章css2CSS基础第四章CSS基础(692KB).pptVIP

p {font-size: 12pt} p:first-letter {font-size: 200%;} pThe first words of an article./p 伪类及伪元素选择器(续) 输出结果 ___? |? he first?? |? words of anarticle. 总结 CSS是层叠样式表（Cascading Style Sheets）的缩写，它用于定义HTML元素的显示形式，是一种格式化网页内容的技术。 CSS样式由样式规则组成，所有的样式规则的语法遵循如下相同的基本格式： 选择器 { 属性1: 值1; 属性2: 值2; ... 属性N: 值N; } 一条样式规则由一个选择器和一个或者多个声明组成；选择器指定规则可作用于HTML文档中哪个或者哪些元素；声明由一个属性/值对组成。 在HTML文档中，样式可以以三种形式出现：外部样式表、嵌入式样式表、内联样式。 多个样式定义可以层叠向下通过多个层次来影响文档。这种层叠是有优先级别的，从小到大依次为：用户浏览器的设置、外部样式表、嵌入式样式表、内联样式。 在定义样式规则时，常用的选择器包括：元素选择器、类选择器、ID选择器、属性选择器、包含和子对象选择器、通配符选择器、伪元素和伪类选择等。各种选择器匹配元素的范围有所不同。 作业 将前两天做的首页和注册页面用css进行格式控制，增强页面美观效果，要求使用各种选择器。 * * 4-* * 4-* 4 * 4-* * 4-* * 4-* * 4-* * 4-* * 4-* * 4-* * 4-* * 4-* * 4-* * 4-* 4 第四章 CSS基础 回顾 简述form的工作原理 说明form元素的name、id、action、method属性 列举form元素的不同控件及功能 目标 理解使用CSS的优点 掌握CSS的语法规则 理解CSS的盒模型 什么是CSS CSS是层叠样式表（Cascading Style Sheets）的缩写，它用于定义HTML元素的显示形式，是一种格式化网页内容的技术。CSS现在已经被大多数浏览器所支持，成为网页设计者必须掌握的技术之一。 W3C自1996年12月发布第一个CSS正式推荐版CSS 1.0以来，一直在对CSS标准进行修订、升级。1999年1月，CSS 2.0 正式推荐版发布，增加了对其它媒体（打印机、视觉设备）、可下载字体、元素定位和表格的支持。必威体育精装版版本的CSS标准CSS 3.0正在开发中。 使用CSS的优点 CSS将从基础开始建设直到全面替代传统Web设计方法。W3C组织创建的CSS技术将替代HTML中用于表现的HTML元素。 提高页面浏览速度。使用CSS，比传统的Web设计方法至少节约50%以上的文件尺寸。 缩短改版时间，降低维护费用。只要简单修改几个CSS文件就可以重新设计一个有成百上千页面的站点。 强大的字体控制和排版能力。有了CSS，我们不再需要用font标记或者透明的1 px GIF图片来控制标题，改变字体颜色、字体样式等等。 CSS非常容易编写。我们可以象写HTML代码一样轻松地编写CSS。 可以一次设计，随处发布。你的设计不仅仅用于Web浏览器，也可以发布在其他设备上。 更好的控制页面布局。结合CSS和div元素，可以比传统的使用table元素更好地控制页面布局。 实现表现和结构、内容相分离。将网页的表现形式部分剥离出来放在一个独立样式文件中，可以减少未来网页无效的可能。 更方便有哪些信誉好的足球投注网站引擎的有哪些信誉好的足球投注网站。用只包含结构化内容的HTML代替嵌套的标签，有哪些信誉好的足球投注网站引擎将更有效地有哪些信誉好的足球投注网站到网页的内容，并可能给网页一个较高的评价。 样式规则 CSS与字处理程序中的样式的工作方式相似，我们可以先定义一个包含格式选项的“样式”，然后将其应用于文档元素。CSS样式由样式规则组成，所有的样式规则的语法遵循如下相同的基本格式： 选择器 { 属性1: 值1; 属性2: 值2; ... 属性N: 值N; } 一条样式规则由一个选择器和一个或者多个声明组成； 选择器指定规则可作用于HTML文档中哪个或者哪些元素； 声明要用大括号（{}）括起来。每个声明要用分号（;）结束。 一个属性/值对组成一个声明，属性和值之间用冒号（:）分隔； 如果属性值中包含了空格，那么该值就必须用双引号（）括起来。例如：font-family: Times New Roman; 我们还可以指定多个选择器使用相同的样式定义，选择器之间用逗号分隔开。例如，如果我们想要把所有标题列标记（从1到6）的文本字体颜色都定义为红色，可以使用如下定义： h1, h2, h3, h4, h5, h6 { color: red; } 样式规则的位置 外部样式表 不需要style标签 link rel=“styl