博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css样式学习2
阅读量:6170 次
发布时间:2019-06-21

本文共 884 字,大约阅读时间需要 2 分钟。

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:相对单位*/

 

转载于:https://www.cnblogs.com/liuyuancheng/p/7252653.html

你可能感兴趣的文章
Mybatis Sql片段的应用
查看>>
突发奇想20150126
查看>>
Nginx + CGI/FastCGI + C/Cpp
查看>>
学习笔记------jsp页面与jsp标记
查看>>
DS博客作业02--线性表
查看>>
第三届ACM山东省赛I题_Chess_STL
查看>>
jQuery each和js forEach用法比较
查看>>
前端笔记-作用域链的一些理解加记录(JS高级程序设计读书笔记1)
查看>>
改造你的网站,变身 PWA
查看>>
Leetcode 142. Linked List Cycle IIJAVA语言
查看>>
网络基础5
查看>>
Exchange Supported operating system platforms
查看>>
unity3鼠标点击移动
查看>>
Linux 安装中文包
查看>>
谷物大脑
查看>>
访问控制-禁止php解析、user_agent,PHP相关配置
查看>>
AgileEAS.NET之系统架构
查看>>
python3.5里的正则表达式
查看>>
Exchange server 2013 SP1 客户端会议室邮箱自动回复延迟
查看>>
nginx反向代理缓存服务器构建
查看>>