文本样式,字体样式

末鹿安然 提交于 2020-03-17 05:25:46

*注:

  <span class="as">

    <a  href="   ">hello world</a>                       即使给a设置了颜色,a里面的颜色不变

  </span>

 *a是特殊的,要改变a里面的颜色,必须直接给a设置,给a的父级设置不行

 *属性继承:明明是父级上设置样式,结果后代标签也跟着发生变化。

html:标记语言,不是编程语言,说白了就是标签

css:层叠样式表       给标签添加样式

一、文本的样式  (.txt)

      1)、颜色     color:red;

    2)、文本对齐方式:   text-align:left/center/right/justify;

    *注:text-align:left; 左对齐                      text-align:right;     右对齐

       text-align:center;  居中对齐             text-align:justify;     两端对齐

  3)、文本修饰:        text-decoration:none/overline/underline/line-through;

    *注:none   什么也没有              overline  上划线           underline  下划线                line-through   删除线

  4)、文本缩进:        text-indent:20px;

二、字体样式   (font)

  1)、字体大小:       font-size:20px;     属性值是数值

  2)、字体颜色:       color:red;

  3)、形状:              font-style:normal/italic/oblique/inherit;

    *注: normal    正常的(默认的)        italic  斜体              oblique   倾斜               inherit    从父元素继承字体样式

  4)、字形:              font-family:"楷体"            默认的是“微软雅黑”  

  5)、加粗:              font-weight:bold;    后面也可以跟数字

    *注:400是正常,比400大为加粗,比400小为变细    (数字后面不带单位px)

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!