1.HTML 图像- Alt属性:在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像
2.创建图片映射(详情见菜鸟)
3. ID属性 class属性不要以数字开头,数字开头的ID在 Mozilla/Firefox 浏览器中不起作用
4.背景
//属性
background-color
background-image
background-repeat
background-attachment
background-position
// 简写
body {background:#ffffff url('img_tree.png') no-repeat right top;}
//固定的背景图片,不随着滚动条而改变位置
background-attachment:fixed;
5.当text-align设置为"justify",每一行被展开为宽度相等,左,右外边距是对齐(如杂志和报纸)
p.main {text-align:justify;}
6.文本缩进属性是用来指定文本的第一行的缩进
p {text-indent:50px;}
7.CSS direction 属性
div{
direction:rtl;//文字从右到左
}
8.CSS letter-spacing 属性
//字母间距
h1 {letter-spacing:2px}
9.字体:如果字体系列的名称超过一个字,它必须用引号,如Font Family:"宋体"。英文也一样,超过一个单词就要引号
10.css隐藏占空间
div{visibility:hidden;}//隐藏占空间
11.一个内联元素设置为display:block是不允许有它内部的嵌套块元素
12.定位relative占空间;absolute不占空间
13.css选择器
div p: div所有的后代元素
div>p: 仅限div的子元素
div+p: div相邻的元素,即下一个
div~p: div相邻所有的元素
14.对话框的箭头
:after {
content: " ";
position: absolute;
bottom: 100%
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: red;
}
15.图像拼接技术,多用于背景