CSS样式表应用指南：网页样式与布局

4星 · 超过85%的资源需积分: 16 169 浏览量更新于2024-07-23 收藏 1.05MB PDF 举报

精通CSS.DIV网页样式与布局.pdf CSS(DIV网页样式与布局)是指层叠样式表单，即一种标记语言，用于控制网页样式并将样式信息与网页内容分离。CSS的主要功能是将样式信息从HTML中分离出来，使得网页设计更加灵活和易于维护。在CSS中，样式表可以通过三种方式加入网页：链入外部样式表文件、定义内部样式块对象和内联定义。链入外部样式表文件是指将样式表文件(.css)链接到HTML文档中，使用HTML的link对象；定义内部样式块对象是指在HTML文档的<head>标记之间插入一个<style>块对象；内联定义是指在对象的标记内使用style属性定义样式表属性。样式表语法是指CSS的编写规则，包括选择器、属性和值等。选择器是指选择要应用样式的HTML元素，属性是指要设置的样式，如字体、颜色、边距等，值是指属性的具体值。例如，body { font: 10pt "Arial" }，这里的body是选择器，font是属性，10pt "Arial"是值。在CSS中，还有一个重要的概念，即样式优先权。样式优先权是指不同的样式定义之间的优先级关系，高优先权的样式将覆盖低优先权的样式。例如，链入外部样式表文件的优先权高于定义内部样式块对象的优先权。 CSS的应用非常广泛，包括网页设计、移动应用开发、桌面应用开发等。它使得网页设计更加灵活、易于维护和美观大方。同时，CSS也可以与其他技术结合使用，如JavaScript、HTML5等，实现更加复杂的网页应用。在实际开发中，CSS可以用来实现各种网页效果，如布局、样式、动画等。例如，使用CSS可以实现网页的响应式设计，使得网页能够适应不同的屏幕尺寸和设备。同时，CSS还可以用来实现网页的交互效果，如hover、transition等。 CSS是网页设计和开发中不可或缺的一部分，它使得网页设计更加灵活、易于维护和美观大方。

对应的脚本特性为 backgroundImage。请参阅我编写的其他书目。

示例：

code { background-image: url("comet.jpg"); }

blockquote { background-image: url("c:\InetPub\MyPixs\comet.jpg"); }

br { background-image: url(http://Fred.com/ImageFile/Q.gif); }

body { background-image: none; }

CSS Positioning Properties 定位属性

Positioning Properties

属性

CSS Version

版本

Description

简介

position

CSS2 检索对象的定位方式

z-index

CSS2 检索或设置对象的层叠顺序

top CSS2

检索或设置对象与其最近一个定位的父对象顶部相

关的位置

right CSS2

检索或设置对象与其最近一个定位的父对象右边相

关的位置

bottom CSS2

检索或设置对象与其最近一个定位的父对象底边相

关的位置

left CSS2

检索或设置对象与其最近一个定位的父对象左边相

关的位置

CSS Dimensions Properties 尺寸属性

Dimensions Properties

属性

CSS Version

版本

Description

简介

height CSS1 检索或设置对象的高度

max-height CSS2 设置或检索对象的最大高度

min-height

CSS2 设置或检索对象的最小高度

width

CSS1 检索或设置对象的宽度

max-width CSS2 设置或检索对象的最大宽度

min-width CSS2 设置或检索对象的最小宽度

CSS Outlines Properties 轮廓属性

Outlines Properties

属性

CSS Version

版本

Description

简介

outline CSS2 复合属性。设置或检索对象外的线条轮廓

outline-color CSS2 设置或检索对象外的线条轮廓的颜色

outline-style

CSS2 设置或检索对象外的线条轮廓的样式

剩余169页未读，继续阅读

abcss123456789sabc

粉丝: 0
资源: 7

CSS样式表应用指南：网页样式与布局

CSS+DIV网页样式与布局 从入门到精通作者是喻浩 --源代码和示例

CSS3+DIV网页样式与布局从入门到精通（未来科技） 源代码

精通CSS DIV网页样式与布局.pdf+书中实例

精通CSS.DIV网页样式与布局_00006.rar

精通CSS+DIV网页样式与布局.pdf

精通CSS+DIV网页样式与布局(pdf).part1

精通CSS+DIV网页样式与布局(pdf).part3

精通CSS+DIV网页样式与布局(pdf).part2

精通CSS+DIV 网页样式与布局【PDF】

精通CSS+DIV网页样式与布局

最新资源

CSS+DIV网页样式与布局从入门到精通作者是喻浩 --源代码和示例

CSS3+DIV网页样式与布局从入门到精通（未来科技）源代码