html+css学习笔记005-font属性0text属性

Author:Mr.柳上原

  • 付出不亚于任何的努力
  • 愿我们所有的努力,都不会被生活辜负
  • 不忘初心,方得始终

像我这样的人

最近总是单曲循环的播放着这首《像我这样的人》

听很久都不会觉得腻

或许这首歌最大的魅力就是共鸣

“ 像我这样迷茫的人

像我这样寻找的人

像我这样碌碌无为的人

像我这样孤单的人

像我这样傻的人

像我这样不甘平凡的人

世界上有多少人 ”

<!DOCTYPE html> <!-- 文档类型:标准html文档 -->

<html lang='en'> <!-- html根标签 翻译文字:英文 -->

<head> <!-- 网页头部 -->

<meat charset='UTF-8'/> <!-- 网页字符编码 -->

<meat name='Keywords' content='关键词1,关键词2'/>

<meat name='Description' content='网站说明'/>

<meat name='Author' content='作者'/>

<title>前端59期学员作业</title> <!-- 网页标题 -->

<link rel='stylesheet' type='text/css' href='css/css1.css'/> <!-- 外链样式表 -->

<style type='text/css'> /*内部样式表*/

font:10px/20px 'Microsoft YaHei';
font-family:'Microsoft YaHei'; /* 文字字体 */
font-size:10px; /* 文字大小 %父级的百分比 em父级的倍数 rem整个html的倍数 */
font-weight:bold; /* 文字粗细 bold加粗 nomal不加粗 */
font-style:normal; /* 文字样式 normal不倾斜 italic倾斜 oblique斜体 */
font-variant:small-caps; /* 小型大写字母 */

line-height:20px; /* 文字行高 %文字大小的百分比 1文字大小的倍数 */

color:red; /* 文字颜色 */

text-align:left; /* 文本对齐方式 (left左 center中 right右 justify两端)*/
text-transform:capitalize; /* 文本大小写转换 uppercase转大写 lowercase转小写 capitalize首字母大写 */
text-indent:10px; /* 文本首行缩进 */
text-decoration:underline; /* 文本修饰 underline下划线 line-through中划线 overline上划线 */

letter-spacing:10px; /* 字母间的间距 */
word-spacing:10px; /* 单词间的间距 */
white-space:nowrap; /* 文本不换行 */
word-break:break-all; /* 文本强制换行 */

overflow:hidden; /* 内容溢出的处理方式 hidden隐藏 scroll出现滚动条 auto自适应滚动条 */
overflow-x; /* 定义x轴溢出处理方式,其他轴默认auto */
overflow-y; /* 定义y轴溢出处理方式,其他轴默认auto */

/* 内容自动省略号的方法 
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
*/
/* 第几行省略的方法
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
 */

</style>

</head>

<body> <!-- 网页主干:可视化区域 -->

<div class='box'>
<ul>
<li></li>
<li></li>
</ul>
</div>

</body>

</html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏腾讯NEXT学位

我不知道你知不知道但前端NEXT知道的伪元素小技巧

37170
来自专栏python3

tkinter -- Scale

创建一个垂直 Scale,最大值为100,最小值为0,步距值为1。这个参数设置也就是 Scale的缺省设置了

10430
来自专栏web前端教室

20170108_先行者周日群视频课程——文字版

各位同学们大家好,又到周日了。因为1月1号是新年放假,所以今天也可以算是2017年的第一个周日,不知各位都对2017年有什么安排,而2016年又有哪些收获。我只...

21060
来自专栏前端说吧

css笔记 - 张鑫旭css课程笔记之 line-height 篇

围绕文字看不见的盒子,其大小跟字体大小有关。范围大概就是选中单行文本后,你选中的区域了。

18820
来自专栏Coco的专栏

谈谈一些有趣的CSS题目(二)-- 从条纹边框的实现谈盒子模型

15920
来自专栏yang0range

CSS的继承性和层叠性

有一些属性,当给自己设置的时候,自己的后代都继承上了,这个就是继承性。 哪些属性能继承? color、 text-开头的、line-开头的、font-开头的...

19720
来自专栏前端说吧

CSS3-canvas绘制线性渐变

29550
来自专栏互联网软件技术

canvas实现验证码

在通常的登录界面我们都可以看到验证码,验证码的作用是检测是不是人在操作,防止机器等非人操作,防止数据库被轻而易举的攻破。

17630
来自专栏Android知识点总结

Android原生绘图之炫酷倒计时

51340
来自专栏进击的君君的前端之路

CSS理解之z-index

26440

扫码关注云+社区

领取腾讯云代金券