css样式学习2
来源:互联网 发布:高铁隧道网络覆盖 编辑:程序博客网 时间:2024/06/05 07:57
1、字体的样式
/*字体系列:前面是字体族名称,最后一个是类族名称
浏览器在显示字体时,依次判断是否支持当前的字体,直到最后的字体系列*/
font-family: "宋体","仿宋";
/*粗细:bold加粗,bolder更粗;lighter细体*/
font-weight: bold;
/*字体大小的取值:1.具体的px值,2.百分比(默认字体大小16px)*/
font-size: 200%;
/*字体样式,下面属性为斜体*/
font-style: italic;
/*字体颜色*/
color: red;
/*字体透明度(1为不透明,0为全透明)*/
opacity: 0.5;
2、行距和对齐样式
/*行高,单行字体占用的高度。可用px和百分比来表示*/
/*注:通过设置文本的行高与外部容器的高度一致来实现文本居中显示*/
line-height:60px;
/*字体对齐方式:
justify:两端对齐
left=start:左对齐(默认值)
right=end:右对齐
center:居中对齐
*/
text-align: justify;
/*字符间距*/
letter-spacing: 6px;
/*文本修饰:
line-through:删除线(中划线)
underline:下划线
overline:上划线
*/
text-decoration: underline;
/*此方法可让文本溢出容器后以...显示,需用三个属性配合使用*/
/*
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
*/
/*文本阴影:x方向的阴影,y方向的偏移,阴影的颜色*/
text-shadow: 3px 3px yellow;
/*文本描边:描边宽度、描边颜色 */
-webkit-text-stroke:0.2px green;
/*em:相对单位*/
- css样式学习2
- CSS层叠样式的学习[2]
- CSS层叠样式的学习[2]
- 前端学习笔记之2 CSS样式
- css样式学习?
- CSS样式表学习
- CSS 样式学习
- css样式学习
- css样式学习
- CSS样式学习笔记
- css样式基础学习
- CSS样式学习_1
- CSS样式基础学习
- CSS样式学习笔记
- css样式学习
- css样式学习笔记
- css样式学习记录
- CSS样式学习笔记
- (12)caffe总结之图像数据转换成db(leveldb/lmdb)文件
- iOS单个界面改变改变状态栏颜色
- 关于在AIX6.1操作系统下更新SDE10.0许可问题
- madlife 交叉编译
- ajax()调试注意事项
- css样式学习2
- 自考总结之操作系统
- LTspice introduction
- 基于Ubuntu下Docker安装使用Yahoo的NSFW
- SpringMVC注解详解
- Guess Number Higher or Lower
- 史上最简单的SpringCloud教程 | 第一篇: 服务的注册与发现(Eureka)
- 词典 压缩作业
- UVa 12118