1.内联元素和块级元素的区别
https://www.cnblogs.com/dxzg/p/6423922.html?utm_source=itdadao&utm_medium=referral
2.id和class选择器都可以被作用于派生选择器
.fancy td {
color: #f60;
background: #666;
}
元素也可以基于它们的类而被选择:
td.fancy {
color: #f60;
background: #666;
}
3.alt和title的区别与用法
http://www.php.cn/html5-tutorial-362541.html
并且可以通过title进行设置属性选择器
http://www.w3school.com.cn/css/css_syntax_attribute_selector.asp
4.引入外部样式
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
内部样式
<head>
<style type="text/css">
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
</style>
</head>
5.背景的使用
p{
background-image: url("xxxx");
background-repeat: no-repeat;
/*background-attachment:;scroll*/ 这是默认,背景随着滚动而滚动
background-attachment: fixed; 当内容滚动时u,背景不变化
background-position: 20% 20%; 定位,可以使用px 或center等
}
6.文本
文本缩进
text-indent: 5em 也可以使用%
并且可以搭配padding-left: 5em;进行前面文本突出的效果。
水平对齐
text-align:center
justify
字间隔,也就是能够检测到空格,并且处理空格的长度
word-spacing
字母间隔
letter-spacing
字符转换
text-transform 属性处理文本的大小写。这个属性有 4 个值:
none
uppercase
lowercase
capitalize
文本装饰
text-decoration 有 5 个值:
none
underline
overline
line-through
blink
处理空白符
white-space 属性
主要用nowrap,不换行
文本方向
direction 属性
7.设置链接的样式
链接的四种状态:
a:link - 普通的、未被访问的链接
a:visited - 用户已访问的链接
a:hover - 鼠标指针位于链接的上方
a:active - 链接被点击的时刻
8.在ul中设置样式
list-style-type : none 也可以设置circle square等
9.对于table表格
将默认的两条边的边框合并
border-collapse:collapse;
设置文本对齐
text-align 和 vertical-align
10.进行设置边框属性,位于边框边缘的外围,突出元素
outline 在一个声明中设置所有的轮廓属性。
outline-color 设置轮廓的颜色。
outline-style 设置轮廓的样式。
outline-width
11.框模型