CSS样式学习笔记
2020-04-03 07:32
1331 查看
CSS样式学习笔记
1.背景
background-repeat
添加背景图片时应尽量设置为no-repeat否则背景将平铺
background-attachment
添加背景图片时应尽量设置为fixed否则背景将滚动
2.文本
缩进
使用text-indent或padding-left实现缩进;text-indent为负值时有悬挂效果
对齐
使用text-align实现对齐;需要注意的是text-align属性操作只是元素中的文本,并不会改变原元素的位置。
字符转换
使用text-transform可以对文本字符大小写转换,可能的值有none,uppercase,lowercase,capitalize
文本装饰
使用text-decoration可以对文本字符大小写转换,可能的值有none,underline,overline,line-through,blink()
通常利用
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;}设置表格为单一边框
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- css学习笔记——css样式总结
- HTML5 混合APP开发学习笔记(四)——CSS样式设计
- HTML&CSS基础学习笔记1.26-给网页添加一个css样式
- HTML学习笔记四CSS样式
- CSS样式(背景、文本、字体)学习笔记
- JQuery CSS样式控制 学习笔记
- CSS样式(链接、列表、表格、轮廓)学习笔记
- 【HTML学习笔记】CSS样式
- HTML&CSS基础学习笔记1.28-给网页添加一个css样式
- Bootstrap学习笔记之全局CSS样式(一)
- JQuery CSS样式控制 学习笔记
- css样式学习笔记二
- WEB标准布局(DIV+CSS)学习笔记(一)-- CSS样式基础知识
- 糊糊的前端学习笔记——当缩放浏览器窗口时出现CSS样式混乱情况的分析【Day3】
- 2019-9-24:渗透测试,css样式,js基础学习笔记
- css样式学习笔记一
- css样式学习笔记四
- CSS样式学习笔记?
- <javascript学习笔记> 设置和获取dom的css样式 、获取url参数
- CSS从基础到熟练学习笔记(一)引入CSS样式的三种方式以及多种样式的优先级