士一讲 我们上网的人都有这样的经验,将浏览器 的显示字体变大或变小网页中的文本也 会随着发生改变。实际上好的网页却不 会发生这种现象,无论我们怎样改变浏 览器的显示字体大小,网页中的文本保 持着原有外观,这就是cSS样式的作用 有了css样式,我们可以快速准确保页 面的布局与外观在各种浏览器中保持 致
我们上网的人都有这样的经验,将浏览器 的显示字体变大或变小,网页中的文本也 会随着发生改变。实际上好的网页却不 会发生这种现象,无论我们怎样改变浏 览器的显示字体大小,网页中的文本保 持着原有外观,这就是CSS样式的作用。 有了CSS样式,我们可以快速准确保页 面的布局与外观在各种浏览器中保持一 致
主要内容: 什么是CSS样式? CsS的语法 放置CSS代码 四、CSS样式面板 五、CSS的属性 使用 Dreamweaver创建CSS实例 七、本节小结
主要内容: 一、什么是CSS样式? 二、CSS的语法 三、放置CSS代码 四、 CSS样式面板 五、 CSS的属性 六、使用Dreamweaver 创建CSS实例 七、本节小结
什么是CS样式? CSS是“ Cascading Style Sheet的缩写 有些书上把它翻译成“层叠样式表” 或“级联样式表”(简称为样式表 它实质上是对HTML标记制定的 统一的标准、控制文本或文本区外观 的一组属性。换句话说,CSS样式表 是一个格式设置的集合,用来控制网 页中各种元素的显示效果。使用CSS 样式表,用户可以有更大的灵活性来 控制精确的页面显示效果
什么是CSS样式? CSS是“Cascading Style Sheet”的缩写, 有些书上把它翻译成“层叠样式表” 或“级联样式表”(简称为样式表), 它实质上是对HTML标记制定的一个 统一的标准、控制文本或文本区外观 的一组属性。换句话说,CSS样式表 是一个格式设置的集合,用来控制网 页中各种元素的显示效果。使用CSS 样式表,用户可以有更大的灵活性来 控制精确的页面显示效果
GSS的语法 样式表有自己独特的书写方法,它们一般被定义成以 下形式的语法: HTML标记{标记属性属性值标记属性:属性值 标记属性:属性值标记属性:属性值 ·· HTML标记(或标签),如P、Body、Di、 Table等。 (特别提示:在这里使用HTML标记时,是不带尖括 号的,所以不能写成:<P>、<Body>、<Div <Tabe>等。) 标记属性、属性值 这两个参数是一一对应的,每个属性与属性值之间用 分号“;”分开
样式表有自己独特的书写方法,它们一般被定义成以 下形式的语法: ◼ HTML标记(或标签),如 P、 Body、 Div、 Table等。 (特别提示:在这里使用HTML标记时,是不带尖括 号的,所以不能写成:<P>、<Body>、<Div>、 <Table>等。) ◼ 标记属性、属性值 这两个参数是一一对应的,每个属性与属性值之间用 分号“ ; ”分开。 HTML标记{标记属性:属性值;标记属性:属性值; 标记属性:属性值;标记属性:属性值; ....}。 CSS的语法
注意在CSS中属性名称的写法: 凡属性名由两个或两个以上的单词构成 时,单词之间用“”号隔开,例如,背景 颜色属性应书写为: background color, 字体大小: font size,文字下划线:text decoration,等。(而在脚本语言中的书 写规定是第二个或第二个以上的单词用 连写且第一个字母大写来表示:例如 background Color, font size, text Decoration等。 N□
注意在CSS中属性名称的写法: 凡属性名由两个或两个以上的单词构成 时,单词之间用“-”号隔开,例如,背景 颜色属性应书写为:background-color , 字体大小:font-size ,文字下划线:textdecoration ,等。(而在脚本语言中的书 写规定是第二个或第二个以上的单词用 连写且第一个字母大写来表示:例如 backgroundColor,fontSize, textDecoration等。)请注意区别!