网页设计基础2
1.图像的宽高属性：通常只设置其中一个，另一个按照图等比例显示。如果两个同时设置，则会出现图像变形或者失真。
2.相对路径：
图像文件和html文件位于同一文件夹，只需输入图像文件夹名称即可，如：<img scr=“logo.gif/”
图像文件位于html文件的下一级文件夹，输入文件夹名和文件名，之间用/隔开，如：<img scr=“img/img1/logo.gif/>
图像文件位于html文件的上一级文件夹，在文件名之前加入…/，如果是上两级则是…/…/，如：<img scr=”…/logo.gif/>
3. 绝对路径：一般是指带有盘符的路径或者是完整的网络地址。
4. CSS样式规则：选择器{属性1：属性值1；属性2：属性值2；……}
注意：
按照书写习惯一般将选择器，属性，属性值都采用小写的方式。
多个属性之间必须用英文状态下的分号隔开，最后一个属性后的分号可以省略，但是为了便于增加新样式最好保留
如果属性的值有多个单词组成且中间包含空格，则必须为这个属性值加上英文状态下的引号
5.引入CSS样式表：
行内式 基本语法格式：<标记名 style=“属性1：属性值；属性2：属性值；”>内容</标记名>
内嵌式： 基本语法格式
<head>
<style type="text/css">
选择器{属性1：属性值1；属性2：属性值2；}
</style>
</head>
链入式： 基本语法格式
<head>
<link href="CSS文件的路径" type="text/css" rel="stylesheet"/>
</head>
导入式：基本格式
<style type="text/css">
@import url(css文件路径）
</style>
6.CSS基础选择器：
标记选择器：p{font-size:20px;}；
类选择器：“.”进行标识，后面紧跟类名。如：.red{color:red;}
id选择器：“#”进行标识，后紧跟id名。#font24{font-size:24px;}
内容
通配符选择器：“*” *{margin:0;}
7.CSS字体样式属性：
font-size:字号大小 font-family：字体 font-weight ：字体粗细
font-variant：变体 normal：默认值，浏览器会显示标椎的字体。small-caps：浏览器会显示小型大写的字体，即所有的小写字母都转换为大写。
font-style：字体风格
8. CSS文本外观属性：
color：文本颜色 letter-spacing：字间距 Word-spacing：单词间距
line-height：行间距 text-transform：文本转换 text-decoration：文本装饰 text-align:水平对齐方式 text-indent：首行缩进 white-space：空白符处理。
217
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
