您的位置:首页 > Web前端 > CSS

CSS样式学习笔记

2020-04-03 07:32 1331 查看

CSS样式学习笔记

1.背景

background-repeat

添加背景图片时应尽量设置为no-repeat否则背景将平铺

background-attachment

添加背景图片时应尽量设置为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 字符的处理。

3.字体

设置斜体:

{font-style:italic;}

设置加粗:
{font-weight:bold;}

4.链接

5.列表

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

6.表格

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

  • 点赞
  • 收藏
  • 分享
  • 文章举报
thelight02 发布了11 篇原创文章 · 获赞 0 · 访问量 218 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: