CSS学习笔记1

CSS:层叠样式表
内嵌样式：在标签元素中 style=”属性名：属性值;”
内含样式：在head中

    <style type=”text/css”>        选择器名{        属性名：属性值；    }    </style>

外部样式：

    <link rel=”stylesheet” type=”text/css” href=” ” />

css中注释用：/**/
选择器：
1. 标签选择器：标签名{属性名：属性值；}
2. 类选择器：标签元素中定义class属性 .class{属性名：属性值；}
3. id选择器：标签元素中定义id属性 .id{属性名：属性值}
4. 通配符：*{属性名：属性值；}
5. 包含元素：父 子 孙… {属性名：属性值；}
背景：
1. 颜色：background-color:
2. 图片：background-image:url(“ ”)
3. 重复：background-repeat:no-repeat/repeat-x/repeat-y
4. 定位：background-position:x y
5. 关联：background-attachment:fixed (固定位置，只能相对于body)
简写：background:颜色 图片 位置 重复 定位
文本：
*缩进：text-indent:32px; 块级标签
*水平对齐：text-align:left/center/right; 块级标签
*文本装饰：text-decoration:underline/line-through/overline/none;
字符转化：text-transform:lowercase/uppercase/capitalize(首字母大写) 【针对英文】
字符间距： letter-spacing:1px;
单词间距：word-spacing:1px;(根据空格，也可以看做空格宽度)
行高：line-height：30px line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底

部。可以包含这些内容的最小框就是行框。
字体：
字体：font-family:”黑体”；
风格：font-style：italic；（normal）
加粗：font-weight：100默认 700/bold加粗 范围（1-900）
大小：font-size：14px；
边框：
边框样式：border-style:solid(实线)/double（双实线）/dashed(线虚线)/dotted(点虚线)
边框宽度：border-width:1px;
边框颜色：border-color:#000000;
注：边框有四边，当只有一个参数时修饰4边，两个参数时修饰上下—左右，三个参数时修饰上—左右—下，四个参数时修饰上—右—下—左；
margin：外边距；
padding：内边距；