HTML5、CSS中字体的各类属性值

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><style>p{/*前面是字体族名称  最后一个是类族名称
            浏览器在显示字体的时候，依次判断是否支持当前的字体，知道最后的字体系列*/
            font-family: "仿宋","宋体",sans-serif;/*bold加粗  bolder深度加粗  lighter细体（100-900）*/
            font-weight: bold;/*font-size字体大小  取值：1、具体的px值
                                     2、百分比（默认字体大小16px）*/
            font-size: 150%;/*font-style字体斜体*/
            font-style: italic;color: red;/*opacity 透明度（0是全透明）*/
            opacity: 1;

            font-size: 30px;/*line-height行高：单行字体占用的高度*/
            line-height: 45px;/*justify 两端对齐   left=start：左对齐（默认）  right=end：右对齐  ceenter: 居中对齐*/
            text-align:justify;/*letter-spacing:控制字符间距（px normal）*/
            letter-spacing: normal;/*文本修饰  下划线underline  中划线line-through  上划线over*/
            text-decoration: none;/*三者配合使用：不换行，以...的形式显示
            (三个属性配合使用实现单行超出文本隐藏)*/
            /*overflow: hidden;  !*处理超出显示屏的内容隐藏*!
            white-space: nowrap;  !*不换行*!
            text-overflow: ellipsis; !*截取还是以...的方式显示*!*/
            /*文本阴影颜色  x方向的偏移 y方向的偏移  阴影的颜色*/
            text-shadow: 2px 2px #f2e78d;/*文本描边 描边的宽度  描边的颜色*/
            -webkit-text-stroke: 2px #ff7292;/*首行缩进*/
            /*em：相对的字符单位（2倍的字体大小）*/
            text-indent: 2em;

        }    </style>    <title>字体</title></head><body><p>    的看法破什么技能居民平均打什么连接每年能理解来的房间里是个美丽的方式</p></body></html>

HTML5、CSS中字体的各类属性值相关推荐

css中字体与段落属性设置/文本高级样式
CSS中字体与段落属性毫无疑问,不管什么网站,文字一定是必不可少.文字可以是网页传播信息的主要手段.那么怎么显示文字,才能更加的美观,那么大家需要了解以下文字属性. 字体属性属性用途语法(一些 ...
html5如何设置字号,如何设置css中字体大小？
如何设置css中字体大小?下面本篇文章就来给大家介绍一下使用CSS设置字体大小的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在CSS代码中,可以通过设置"font ...
[css] css中的选择器、属性、属性值区分大小写吗？
[css] css中的选择器.属性.属性值区分大小写吗? 选择器和属性区分大小写,属性值如果是颜色可以不区分大小写吧个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢 ...
设置字体大小用css的哪个属性,css设置字体大小的属性名是什么
css设置字体大小的属性名是"font-size",该属性使用css中表示尺寸的单位(px.em.rem等)设置字体大小,也可以使用百分号等单位来设置.实际上font-size设置 ...
css设置个性字体大小,css设置字体大小的属性名是什么
css设置字体大小的属性名是"font-size",该属性使用css中表示尺寸的单位(px.em.rem等)设置字体大小,也可以使用百分号等单位来设置.实际上font-size设置 ...
html语言怎么改变文字大小,如何设置css中字体大小？
如何设置css中字体大小?下面本篇文章就来给大家介绍一下使用CSS设置字体大小的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在CSS代码中,可以通过设置"font ...
我应该在CSS中使用px或rem值单位吗？
本文翻译自:Should I use px or rem value units in my CSS? I am designing a new website and I want it to be ...
妙味css3课程---1-1、css中自定义属性可以用属性选择器么
妙味css3课程---1-1.css中自定义属性可以用属性选择器么一.总结一句话总结:可以的. 1.如何实现用属性选择器实现a标签根据href里面含有的字段选择背景图片? p a[href*=te ...
css中reset属性详解,css中如何使用counter-reset属性
css中如何使用counter-reset属性发布时间:2020-09-23 14:26:58 来源:亿速云阅读:83 作者:小新这篇文章主要介绍css中如何使用counter-reset属性, ...
CSS中内容的剪切属性clip
1. 在CSS中,可以使用剪切属性对元素内容的可视化区域进行控制,剪切区域所使用的属性时clip属性, 用来裁剪元素的可视化区域,内容的剪切属性可以使用2种属性值,一种为auto值,另一种为区域值,语 ...

HTML5、CSS中字体的各类属性值

HTML5、CSS中字体的各类属性值相关推荐

最新文章

热门文章