CSS文本,锚伪类选择器以及盒子模型
2018-04-03 21:08
555 查看
CSS文本:
body{
/*文本颜色属性:color*/
color: #f00;
/*line-height:行高*/
line-height: 60px;
/*letter-spacing:字符间距*/
letter-spacing: 10px;
/*文本的对其方式*/
text-align: center;
/*word-spacing:字间距:shu默认两个组成的叫单词*/
word-spacing: 10px;
/*文本修饰
text-decoration
常用的属性值
underline:下划线
none:没有下划线
overline:上划线
line-through:中划线
* */
text-decoration: line-through;
}
锚伪类选择器:
/*没有访问过的状态*/
a:link{
font-size: 24px;
color: #f00;
}
/*鼠标访问过的状态:visited:点击了,并且松开的状态*/
a:visited{
font-size: 24px;
color: :#FFFFCC;
text-decoration: none;
}
/*鼠标经过的状态:hover*/
a:hover{
font-size: 24px;
color: #00f;
text-decoration: none; /*文本修饰*/
}
/*鼠标激活状态:active:鼠标点击,但是没有松开的状态*/
a:active{
font-size: 24px;
color: #0f0;
text-decoration: underline;
}
盒子模型:
盒子模型:div块标签+css进行网页布局
一个盒子属性:
容量:就是给div块标签指定的宽度和高度
body{
/*文本颜色属性:color*/
color: #f00;
/*line-height:行高*/
line-height: 60px;
/*letter-spacing:字符间距*/
letter-spacing: 10px;
/*文本的对其方式*/
text-align: center;
/*word-spacing:字间距:shu默认两个组成的叫单词*/
word-spacing: 10px;
/*文本修饰
text-decoration
常用的属性值
underline:下划线
none:没有下划线
overline:上划线
line-through:中划线
* */
text-decoration: line-through;
}
锚伪类选择器:
/*没有访问过的状态*/
a:link{
font-size: 24px;
color: #f00;
}
/*鼠标访问过的状态:visited:点击了,并且松开的状态*/
a:visited{
font-size: 24px;
color: :#FFFFCC;
text-decoration: none;
}
/*鼠标经过的状态:hover*/
a:hover{
font-size: 24px;
color: #00f;
text-decoration: none; /*文本修饰*/
}
/*鼠标激活状态:active:鼠标点击,但是没有松开的状态*/
a:active{
font-size: 24px;
color: #0f0;
text-decoration: underline;
}
盒子模型:
盒子模型:div块标签+css进行网页布局
一个盒子属性:
容量:就是给div块标签指定的宽度和高度
相关文章推荐
- css之框模型(盒子模型)、默认样式初始化、选择器和伪类
- 夜灵的Html笔记Day06——群组、后代、伪类选择器,尺寸、边框、倒角、阴影、盒子模型
- CSS--两种盒子模型以及border属性
- css中的行高,盒子模型(边框,内边距,外边距),以及firework的基本使用
- 【CSS】CSS详细介绍:(HTML/CSS结合方式、CSS代码格式、选择器、盒子模型)
- CSS中选择器以及伪类和伪元素选择器
- CSS学习1——基本布局以及盒子模型
- CSS中背景图片,文本,列表与盒子模型的边框与边距
- 盒子模型 以及CSS的box-sizing属性。
- CSS属性,盒子模型以及浮动和定位技术相关
- 初学CSS-浮动、盒子模型、伪类、伪元素、定位———Day4学习笔记
- CSS--两种盒子模型以及border属性
- css 盒子模型 以及 box-sizing属性
- 从零开始学 Web 之 CSS(三)链接伪类、背景、行高、盒子模型、浮动
- CSS列表、表格、表单、高级选择器以及框模型
- CSS背景、尺寸、显示、盒子模型以及元素的定位
- 【css】选择器+盒子模型
- css(二)盒子模型和不同元素类型
- 从div盒子模型谈如何写可维护的css代码(转)
- CSS 盒子模型