1、样式、外观、主题一、样式 CSS1、HTML 标签的外观(1)通过 HTML 标签的属性(2)使用 CSS 样式表2、在 HTML 中引入 CSS 的方法(1)行内式：在标记的 style 属性中设定 CSS 样式。(2)嵌入式：将页面中各种元素的设置集中写在 标签中，(3)导入式与链接式：将一个独立的 CSS 文件引入 HTML 文件中。导入式：impor “css 文件路径”;，在页面装载完成之后。链接式：，在装入页面主体部分之前装载 CSS 文件。采取就近和后定义的起作用的原则。如果前后对一个控件定义了相同的 CSS，那么后面的定义将起作用而忽略前面的定义。如果设置了，则将自动引用主题中
2、的 CSS 文件。3、选择器(1)标记选择器：使用 HTML 标记的名称来做为标记选择器的名称。CSS 标记选择器用来声明哪些标记采用哪种 CSS 样式。HTML 标记 属性名:属性值;属性名：属性值;(2)类别选择器格式：.类别选择器名属性 1：属性值;属性 2：属性值;在 HTML 标记中通过 class 属性来引用。Web 服务器控件：使用 CssClass 属性进行引用(3)ID 选择器：选中 Html 标签相同的 Id格式：#ID 选择器名属性 1：属性值; 属性 2：属性值;(4)级联格式 1：选择器 1.选择器 2属性 1：属性值;属性 2：属性值;格式 2：选择器 1 选择器
3、2 属性 1：属性值;属性 2：属性值;格式 3：选择器 1选择器 2属性 1：属性值;属性 2：属性值;选中：选择器 1 下的选择器 2,属性 1：属性值;属性 2：属性值;(5)多个 Css 同时声明格式：选择器 1,选择器 2,属性 1：属性值;属性 2：属性值;4、标签元素的 CSS 分类(1)块级元素：以一个块的形式表现出来，与同级的兄弟块依次竖直排列，左右排撑满。(2)行内元素：为占有独立的区域。(3)设置元素类型：disiplay：block(块)、inline(行内) ，可以通过设置此元素，来改变元素的类型。5、CSS 的盒子模型(1)边框Border-style Border
4、-width Border-colorborder-top border-top-style border-top- width border-top-colorborder-right border-right-style border-right- width border-right-colorborder-bottom border-bottom-style border-bottom-width border-bottom-colorborder-left border-left-style border-left- width border-left-color(2)方框内边距：p
5、andding、padding-left、padding-botton、padding-right、padding-top外边距：margin、margin-left、margin-botton、margin-right、margin-top(3)内容：宽：width 高：height6、元素(1)行内元素占用空间的宽度：内容宽度+margin-left+margin-right+padding-left+padding-right+border-left+border-right，如果在一行中空间不够，自动换行。占用空间的高度：由内容来决定。上下框的显示可能超出一行，但超出的部分不占用流式布
6、局的空间，对其它元素没有影响。margin-top、margin-bottom 无效。padding-top、padding-bottom 是相对内容所占有的行为基准，即上、下边框扩展了，内容还是在原来的行内。方框内的 Background 覆盖整个方框。Position：有效，此时 margin-top、margin-bottom 对计算位置是有效的，由于是浮动的，所以对其它元素没有影响。relative ：相对定位,元素仍占用原来的空间区域，对显示的新区域无任何影响。Absolute：处于浮动状态，元素不占用原来的空间区域，对显示的新区域无任何影响。Fixed 在 IE 不对。Float：
7、进行左右排列，将变成一个块元素，相关的所有块属性都有效。(2)块级元素：占用空间的宽度：整行。内容显示的宽度，由 width 决定。如果内容超出行宽度，自动换行在方框内的内容区域显示。Width 的值不会改变。占用空间的高度：height+margin-top+margin-bottom+padding-top+padding-bottom+border-top+border-bottom。当 height 的值不能满足内容区域的高度时，自动扩展高度，此时 height 就不正确了。relative ：相对定位 ,元素仍占用原来的空间区域，对显示的新区域无任何影响。Absolute：处于浮动状
8、态，元素不占用原来的空间区域，对显示的新区域无任何影响。Fixed 在 IE6 不支持。7、流式布局(1)行内元素间距：margin-right+margin-left，当一行容不下时，自动转到下行排列。(2)块级元素：相邻元素之间的上下间距为：margin-botton 与 margin-top 中较大者，称为“塌陷” 。每个元素占一行。(3)父子：子块的 margin 将以父块 content 为参考。1)行内元素：父 padding：父 padding+子 margin+子 padding。子元素：见行内元素。做 postion 无意义：乱。2)块级元素：注 1：如果子元素的高度超过父元
9、素的 height 值：IE 会自动扩大，保持子元素的 margin-bottom 的空间以及父元素自身的 padding-bottom。Firefox：保证父元素的 Height 高度完全吻合，子元素将超过父元素的范围。注 2：如果 margin 为负值7、浮动(float)布局和定位(position)布局：float：元素会向父元素的左侧或右侧靠紧，盒子的宽度不再伸展。在 IE 和 FF中不相同。解决办法：都设置 float 属性。建议：在使用 float 为非 none 时，兄弟节点都设置其此属性。5、字体字体 font-family 粗细 Font-weitht 字体变形 Font-
10、variant大小 font-size 字形 Font-style颜色 Color 大小写转换 Text-transform装饰效果：text-decoration下划线 Underline 顶划线 overline 删除线 Line-through闪烁 Blink 无 None6、块行高：line-height垂直对齐：Vertical-align水平对齐：text-align段首缩进：text-indent空白：white-space文字间隔：Word-spacing字母间隔：Letter-spacing7、背景背景颜色：Background-color背景图片：background-im
11、age背景重复：background-repeat背景附件：background-attachment，背景附件属性决定指定的背景图象是跟随内容滚动，还是被看作油画固定不动。background-position：图象位置属性给出指定背景图象的最初位置。这个属性只能应用于块级元素和替换元素。.8、用户注册页面(1)设置文本框的 CSS(2)验证失败的 CSS9、查看订单、订单明细的表格样式2、控件外观：Skin定义 Web 服务器控件的外观。(1)默认外观：没有”SkinID”属性。自动应用于同一类型的所有控件。(2)命名外观：外观文件中设置 SkinID 属性。不会自动按类型应用于控件，而是通过设置控件的 SkinID 属性将命名外观应用于要定义的控件。3、主题：存放在特殊文件夹 App_Themes 中，它属于系统文件夹。(1)在网页中使用主题：设置网页的 Theme 属性为主题名称。(2)在整个应用程序使用主题：在 web.config 里设置：如果应用程序或页都有 Theme 属性，则进行合并。如果主题和控件定义了控件的属性，则主题中的控件属性设置将重写控件中的设置。
