《HTML+CSS基础课程》学习笔记七
来源:互联网 发布:2017网络剧台湾耽美 编辑:程序博客网 时间:2024/04/26 03:06
课程地址:《HTML+CSS基础课程》
本文为慕课网课程《HTML+CSS基础课程》学习笔记
CSS格式化排版
- 字体
body{font-family:"字体";}
这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。)
- 字号、颜色
body{font-size:12px(字号);color:#666(字体颜色)}
可以使用上面代码设置网页中文字的字号为12像素,并把字体颜色设置为#666(灰色)
- 粗体
p span{font-weight:bold;}
- 斜体
p a{font-style:italic;}
- 下划线(在视觉上强调文字)
p a{text-decoration:underline;}
- 删除线
.oldPrice{text-decoration:line-through;}
- 缩进
中文文字中的段前习惯空两个文字的空白,这个特殊的样式可以用下面代码来实现:
p{text-indent:2em(文字的2倍大小);}
- 行间距(行高)
p{line-height:1.5em;}
- 中文字间距、字母间距
h1{ letter-spacing(设置字母与字母之间的间距):50px;}
h1{ word-spacing(单词间距设置):50px;}
- 对齐(为块状元素中的文本、图片设置居中样式)
h1{ text-align:center(设置居中);}
h1{ text-align:left(设置居左);}
h1{ text-align:right(设置居右);}
0 0
- 《HTML+CSS基础课程》学习笔记七
- 《HTML+CSS基础课程》学习笔记一
- 《HTML+CSS基础课程》学习笔记二
- 《HTML+CSS基础课程》学习笔记三
- 《HTML+CSS基础课程》学习笔记四
- 《HTML+CSS基础课程》学习笔记五
- 《HTML+CSS基础课程》学习笔记六
- 《HTML+CSS基础课程》学习笔记八
- 《HTML+CSS基础课程》学习笔记九
- 《HTML+CSS基础课程》学习笔记十
- 【慕课网】HTML&CSS基础课程学习笔记
- 慕课网《HTML+CSS基础课程》笔记总结(七)
- HTML+CSS基础课程学习笔记-第三章 CSS
- HTML+CSS基础课程学习笔记-第一章HTML简介
- HTML+CSS基础课程学习笔记-第二章 HTML标签
- HTML+CSS基础课程 笔记
- 学习笔记(一) HTML+CSS基础课程
- HTML+CSS学习笔记 (七)
- org.hibernate.QueryException: Expected positional parameter count: 2, actual parameters: [] [SELECT
- 6行代码玩转git
- JVM调优总结
- 【慕课笔记】2-1 数据类型与操作数据表—内容回顾
- 详解Java GC的工作原理
- 《HTML+CSS基础课程》学习笔记七
- 在 JavaScript 中判断用户是用手机还是电脑打开此网页
- Java内存与垃圾回收调优
- C++的引用的一个测试例子
- android学习之intent跳转一
- JVM 垃圾回收 Minor gc vs Major gc vs Full gc
- android线程浅析
- 1.2.5
- 第四周项目(5)-递归求奇数积