CSS笔记01
CSS的注释为:
/* 这是一段注释 */
行内式:
<标签名 style="属性:属性值1 ; 属性2:属性值2;">内容</标签名>
<h3 style="color:#ccc; font-size: 20px;">青春不常在,抓紧谈恋爱</h3>
内部样式表:
在开头的-head-里面
<style>
标签1 {
属性1:属性值;
属性2:属性值;
……
}
标签2 {
……
}
/*加背景*/
body {
background: url(#);
}
</style>
外部样式表:
新建css文件,在html中添加
<link rel="stylesheet" href="CSS文件路径">
选择器:
类选择器:
点定义,class调用
.red {
color: red ;
}
<标签 class = “red 类1 类2 ……”>
#类名{
属性:属性值;
}
<标签 id = "类名">
<!-- 通配符选择器 -->
* {
属性:属性值;
}
应用所有
css 字体样式属性
font-size : 25px; 字号大小
font-family :"微软雅黑",Heiti,……; 字体
1. 现在网页中普遍使用14px+。
2. 尽量使用偶数的数字字号。ie6等老式浏览器支持奇数会有bug。
3. 各种字体之间必须使用英文状态下的逗号隔开。
4. 中文字体需要加英文状态下的引号,英文字体一般不需要加引号。当需要设置英文字体时,英文字体名必须位于中文字体名之前。
5. 如果字体名中包含空格、#、$等符号,则该字体必须加英文状态下的单引号或双引号,例如font-family: "Times New Roman";。
6. 尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示。
font-weight:normal(bold/number 400-相当于正常 700-相当于加粗 后面均不加单位)
如:
font-weight:400
字体倾斜:
font-style:italic(normal)
常用作强调,一般让斜体不倾斜
em {
font-style:normal;
}
字体连写:
选择器{
font: font-style font-weight font-size/line-height font-family;}
使用font属性时,必须按上面语法格式中的顺序书写,不能更换顺序,各个属性以空格隔开。
注意:其中不需要设置的属性可以省略(取默认值),但必须保留font-size和font-family属性,否则font属性将不起作用。
color:#000000
color:rgb(255,255,255)
color:rgba(255,255,255,1) /*带有透明度*/
line-height : 30px; /*行间距,一般比字号多8px即可*/
text-align: center ; /*文本水平对齐方式*/
text-indent: 2em; /*首行缩进,单位em*/
text-decoration :underline(下划线) / line-through(删除线) / none(可以取消下划线)