原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
ASP.net程序设计;主要内容;3.1 CSS概述;HTML标签主要用于定义文档内容，如果需要对于网页内容进行显示格式的调整，可以在标签中增加属性设置以满足要求，但是这种修改方法收到标签位置和内容的限制，给页面表现形式的修改增加了困难。
若在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的整体控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者多个网页的外观和格式。
;3.1.1 CSS历史;;;;3.1.2 CSS的创建;;;;语法格式如下：
head
link rel=stylesheet type=text/css href=css url /
/head
其中href用于指定要引用的css文件的路径，使得浏览器会从该css文件中读取样式声明，并根据它来格式文档。外部样式表应该保存在以.css为扩展名的文件中，该文件内容可以在任何文本编辑器中进行编辑，但文件不能包含任何的 html 标签。
;二、内部样式表
内部样式表适合于在单个文档中使用的特殊样式。可以通过style标签进行定义，应该放在head标签中。
;;;;;3.2 CSS语法;;请注意：
1、如果属性值由若干单词构成，则应该给属性值加引号：
２、属性值可以有多种表示方法。
3、CSS 对大小写不敏感，但是，如果与 HTML 文档一起工作的话，class 和 id 名称对大小写是敏感的。
4、注意每个属性声明后面应该加分号，如果不加，在解释这个样式时会无法解释这条属性的声明以及下一条属性的声明。
5、可以对于选择器进行分组。
6、CSS 继承是指在设置了父级选择器的CSS样式后，该选择器以下的子级都默认使用此样式。一般只有文字文本具有继承特性，如文字大小、文字粗细、文字颜色、字体等。
;3.3 CSS选择器;3.3.1 派生选择器;3.3.2 id 选择器;3.3.3类选择器;3.3.4属性选择器;3.3.5 通配符选择器;3.3.6 元素选择器;3.4 CSS样式;3.4.1 文字样式;属性;;例如：
p
30px红色文字。
/p
效果如下：
;;;效果如下：
;;;效果如下：
;;例如：
h1.loose{
word-spacing:1em;}
h1.tight{
word-spacing:-5px;}
h1 class=loose
Increasing the word spacing
/h1
h1 class=tight
Reduce the word spacing
/h1
;效果如下：
;;;;效果如下：
;;;效果如下：
;;;效果如下：
;3.4.2 列表与表格样式;（1）列表类型
列表分为有序列表（ol）和无需列表（ul），在有序和无序列表中又有很多种类。有序列表通过左侧的编号字符来区别类型，主要类型有：disc（实心圆）、circle（空心圆）、square（实心方块）；而无序列表则通过列表左侧的项目符号图标来区别类型，主要类型有：decimal（数字）、decimal-leading-zero（0开头的数字，如01, 02, 03），lower-roman（小写罗马数字）、upper-roman（大写罗马数字）、lower-alpha（小写英文字母）、upper-alpha（大写英文字母）、lower-greek（小写希腊字母）等。;;例如：
ul{
list-style-image:url(1.ico);
list-style-position:inside;
}
ul
li项目1/li
li项目2/li
/ul
;效果如下：
;;属性;3.4.3 背景与边框样式;;效果如下：
;;;效果如下：
;3.5 CSS盒模型及定位
文档评论（0）