CSS样式学习笔记

CSS样式学习笔记

1.背景

background-repeat
CSS样式学习笔记_第1张图片
添加背景图片时应尽量设置为no-repeat否则背景将平铺

background-attachment
CSS样式学习笔记_第2张图片
添加背景图片时应尽量设置为fixed否则背景将滚动

2.文本

缩进
使用text-indentpadding-left实现缩进;text-indent为负值时有悬挂效果
对齐
使用text-align实现对齐;需要注意的是text-align属性操作只是元素中的文本,并不会改变原元素的位置。
字符转换
使用text-transform可以对文本字符大小写转换,可能的值有noneuppercaselowercasecapitalize
文本装饰
使用text-decoration可以对文本字符大小写转换,可能的值有noneunderlineoverlineline-throughblink()
通常利用a {text-decoration: none;}来取消链接的下划线
处理空白符
white-space 属性会影响到用户代理对源文档中的空格、换行和 tab 字符的处理。
CSS样式学习笔记_第3张图片

3.字体

设置斜体:{font-style:italic;}
设置加粗:{font-weight:bold;}

4.链接

CSS样式学习笔记_第4张图片

5.列表

{list-style-type:none}设置标志类型,令值为none无标志
{list-style-position:inside;}设置列表项目标记放置在文本以内,且环绕文本根据标记对齐。在需要{text-align: center}设置文本居中时有大用
{list-style-image : url(xxx.gif)}设置自定义图片的标志
list-style-type的可能值:
CSS样式学习笔记_第5张图片

6.表格

{border-collapse:collapse;}设置表格为单一边框

你可能感兴趣的:(CSS样式学习笔记)