CSS技术述Web2.pptVIP

菜单栏 下导航切换局部页面 导航条 网页换肤实现 Javascript 和 css 结合使用 例子 成绩录入系统中 当输入的成绩通过时 未通过的样式(比如背景为绿色) 当输入的成绩未通过时 未通过的样式(比如背景为绿色) 网站如何发布 1、做好网站 2、准备域名 3、上传发布 table a { font-size:15px; color:red; } 表示table标签内的所有a对象的样式 包含选择符样例演示… 7、CSS 应用到网页中 1、标记加注法 div style=“width:80px;Height:80px;” /div 2、外部调用法 link href=“example1.css” rel=“stylesheet”; type=“text/css” / HTML HEAD TITLECascading Order/title STYLE TYPE=text/css p {font-size:12pt} /STYLE /HEAD p style = font-size:30pt这个段落的内嵌样式(Inline Style)覆盖(overwrite)了内部样式表(Internal Style Sheet)，显示的字体大小是30pt，而不是12pt。/p /BODY /HTML CSS 常用属性 1、CSS 字体属性 (Font) 字体名称属性(font-family) 这个属性设定字体名称，如Arial, Tahoma, Courier等。例句如下： .s1 {font-family:Arial} 字体大小属性(font-size) 这个属性可以设置字体的大小。字体大小的设置可以有多种方式，最常用的就是px（象素）和pt（磅）。例句如下： .s2 {font-size:16pt} 字体风格属性(font-style) 这个属性有三个值可选：normal (普通)，italic (斜体) 或oblique (倾斜)。normal是缺省值，italic, oblique都是斜体显示。例句如下： .s1 {font-sytle:italic} 字体浓淡属性(font-weight) 这个属性常用值是normal和bold，normal是缺省值。例句如下： p style = font-weight:bold这段文字字体的浓淡属性(font-weight)值是bold。p 字体变量属性(font-variant) 这个属性有两个值，normal和small-caps，normal是缺省值。small-caps表示小的大写字体。例句如下： .s1 {font-variant:small-caps} 字体属性(font) 这个属性是各种字体属性的一种快捷的综合写法。这个属性可以综合字体风格属性(font-style)，字体变量属性(font-variant)，字体浓淡属性(font-weight)，字体大小属性(font-size)等属性。例句如下： .s1 {font:italic normal bold 11pt arial} 字体颜色(color) caps表示小的大写字体。例句如下：等属性！ 字体颜色用CSS中的color属性来表示。 2、CSS 常用文本属性 文本对齐属性(text-align) 这个属性用来设定文本的对齐方式。有以下值： left (居左，缺省值) right (居右) center (居中) justify (两端对齐) 示例代码如下： .p2 {text-align:right} 文本修饰属性(text-decoration) 这个属性主要设定文本划线的属性。有以下值： none (无，缺省值) underline (下划线) overline (上划线) line-through (当中划线) 示例代码如下： .p2 {text-decoration: underline} 文本缩进属性(text-indent) 这个属性设定文本首行缩进。其值有以下设定方法： length (长度，可以用绝对单位(cm, mm, in, pt, pc)或者相对单位 (em, ex, px)) percentage (百分比，相当于父对象宽度的百分比) 示例代码如下： .p1 {text-indent: 8mm} 行高属性(line-height) 这个属性设定每行之间的距离。其值有以下设定方法： normal (缺省值) length (长度，可以用绝对单位(cm, mm, in, pt,pc)或者相对单位 (em, ex, px))