CSS 单位与属性

最新推荐文章于 2024-08-22 12:33:24 发布

jlhaoran

最新推荐文章于 2024-08-22 12:33:24 发布

阅读量1.8k

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/haoranli/article/details/72831009

版权

HTML 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

一：单位

px,em ,%（相对单位）
font-size:25不加单位的数字毫无意思
px像素，相对单位。和屏幕的分辨率有关。
em：一个字体高（1倍字体高）,2em(当前默认字体的2倍)
%,百分比。相对单位。相对于当前默认值的百分比。
浏览器的默认字体大小为16px.
二：文字属性

font可以同时设置字符的各种属性，包括font-style、font-weight、font-size、line-height、font-family。各属性间用空格隔开。如果同时设置font-size和line-height，这两属性值间以“/”隔开

属性名	值	含义
font-family	宋体、黑体等	设置文字字体
font-size	12px、14px	设置字符大小
font-style	normail(正常)、(italic)斜体	设置字体样式
font-weight	normal、bold、bolder、lighter	设置文字粗细
font	font-size/line-height	设置文字各种属性的简捷方式

font-family: 设置字体,建议英文的中文字体，黑体=>simhei
如：Font-family:simhei;
font-size: 设置字体的大小单位，(注意：一定加上单位)
如：font-size:24px;
font-weight:设置字体的加粗方式，100－900，bold,normal(取消加粗)
如：font-weight:100; font-weight:bold; font-weight:normal;
font-style：设置字体样式，italic
Font-style:italic; 设置字体为斜体。

三：文本属性

CSS文本属性
color ：设置文本的颜色用单词或16进制（建议#RRGGBB）
可以简写：如：#669900; 也可成：#690;
text-align
文本的对齐方式
left ,center right
line-height 行高
垂直方向居中，所在容器，所在元素的高度与line-height保持一致。

text-indent 文本的缩进

letter-spacing 字间距
text-decoration
文本的描述，修饰
underline,overline,line-through,none;

属性	值	含义
color	#ff0000或red或rgb(3,5,8)	设置文本颜色
line-height	正整数或百分比	设置行高
letter-spacing	正整数或负值	字符间距
text-align	left、center、right	对齐方式
text-indent	em或像素	首行文本缩进
text-decoration	none、underline,、overline 、line-through	文本的修饰

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> new document </title>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <link rel="stylesheet" type="text/css" href="" />
  <style type="text/css">
  p{text-indent:2em;  letter-spacing:18px;}
  </style>
  <script type="text/javascript"></script>
 </head>

 <body>
  <p>人间帝王轩辕郎、无所不知所不能东方彧卿（其实他就是超脱六界之外的异朽君）、妖魔两界圣君杀阡陌那时都是爱花千骨的，都希望白子画能够善待花千骨。</p>
<p>白子画的善待是八十一根消魂钉，普通仙一根消魂钉就死去活来。花千骨受了17根，又被白子画用断念剑看了近百剑，花千骨心里那个痛苦不言而喻。而后，花千骨扔到地牢。白子画替她承受了剩下的消魂钉。
在霓漫天的告知下，白子画的师兄摩严得知花千骨居然悖逆天理爱上白子画，用绝情水泼到花千骨的喉咙里，脸上，于是花千骨又瞎又哑又毁容，被发配到了几乎不可能走出来的蛮荒之地。</p>
<p>花千骨在蛮荒之地，受苦受累，认识了竹染，结识了一个小怪兽，征服了麒麟，既而征服了蛮荒的所有野兽，俨然成了一个王者之尊，但蛮荒之地鸟不拉屎，心中凄苦，爱着白子画却又痛心于白子画的狠心。与此同时，杀阡陌对白子画说：你动花千骨一根头发，我灭你长留山；你取花千骨的性命，我让整个六界都为她陪葬！杀阡陌得知花千骨被驱逐到了蛮荒，一天宰一个长留弟子，逼白子画放花千骨出来。白子画不让，杀阡陌天天杀，心性已经真正地沦为了魔。白子画在此时也慢慢对花千骨动了情。</p>
 </body>
</html>