css漂亮字体样式大全，css好看艺术字样式
大家好，关于css漂亮字体样式大全很多朋友都还不太明白，不过没关系，因为今天小编就来为大家分享关于css好看艺术字样式的知识点，相信应该可以解决大家的一些困惑和问题，如果碰巧可以解决您的问题，还望关注下本站哦，希望对各位有所帮助！
怎样用css样式设计整个网站字体
响应式网页设计:rem、em设置网页字体大小自适应
「rem」是指根元素（rootelement，html）的字体大小，好开心的是，从遥远的IE6到版本帝Chrome他们都约好了，根元素默认的font-size都是16px。这样一个新的单位兼容性如何呢？
IE9，Firefox、Chrome、Safari、Opera的主流版本都支持了，我可以放肆的使用rem了。
em的计算是基于父级元素的，在实际使用中给我们的计算带来了很大的不便。所以rem的出现解救了我这样不会算术的人，再也不用担心父级元素的font-size了，因为它始终是基于根元素（html）的。
比如默认的htmlfont-size=16px，那么我想设置12px的文字就是：12÷16=0.75（rem）
当然，你可以引入CSS预处理工具（Sass、LESS、Stylus等）自动计算rem值，这里就不一一举例了。
但是像我这样的懒人或者团队开发中还没有引入CSS预处理工具的该肿么办呢？只能搬个计算器啪啪啪了吗？别急，你还可以变通一下。我们改变一下html的默认font-size=10px不就好计算了嘛！Likethis：
html{font-size:62.5%;/*10÷16=62.5%*/}body{font-size:12px;font-size:1.2rem;/*12÷10=1.2*/}p{font-size:14px;font-size:1.4rem;}
需要注意的是，为了兼容不支持rem的浏览器，我们需要在rem前面写上对应的px值，这样不支持的浏览器可以优雅降级。其实不用太纠结是默认的font-size:100%，还是设置为font-size:62.5%，如果你引入了CSS预处理工具那么自然可以使用默认值，如果由于其他原因使用font-size:62.5%也无可厚非，完全可以在body中重置回你需要的默认font-size。
如何用css样式设计整个网站字体
网站字体分为两种类型，一种是默认字体，一种是外部字体。
默认字体
如果整个网页都要弄成宋体的话就将body定义为宋体即可，即在样式表中加入：body{font-family:"宋体"}，如果只要一部分为宋体，那将那一部分的层的字体样式定义为宋体就行了。
默认的字体有宋体、楷体、黑体、新宋体、仿宋等。
外部字体
样式表中嵌入外部字体，用@font-face语法。
@font-face{font-family:name;src:<url>;sRules;}
<name>：为自定义字体名称
<url>：使用绝对或相对地址指定OpenType字体
<sRules>：样式表定义
如：
@font-face{
font-family:YH;
src:url();
}
然后再设置需要变换字体的样式即可，如：body{font-family:YH}，字体名称是上述所说自定义好的名称。
CSS字体与文本样式详解
学习导航
1、css中的长度与颜色
2、css中的文字属性
3、css中的文本属性
1、文字样式属性
font-family字体属性
作用：元素内文字以什么字体来显示
语法：font-family:[字体1],[字体2],[......];
说明：含空格字体名和中文，用英文引号（"）括起；多个字体用英文逗号隔开；引号嵌套，外使用双引号，内使用单引号。
font-size文字大小
作用：元素内文字大小
语法：font-size:绝对单单位，相相对单位
color文字颜色
语法：颜色名|十六进制|RGB
font-weight文字粗细
语法：font-weight:normal正常| bold加粗| bolder加粗| lighter细体| 100-900
说明：默认值：normal 400等同于normal,而700等同于bold
font-style文字样式
作用：为元素内文字设置样式
语法：font-style:normal正常显示| italic文字倾斜| oblique文字倾斜（基本不用）
font-variant字体变形
作用：设置元素中文本为小型大写字母
语法：font-variant:normal正常显示| small-caps将英文大小写字母调成为同宽
font属性简写
语法：font:font-style font-variant font-weight font-size/line-height font-family;
说明：值之间空格隔开，注意书写顺序。
2、CSS文本样式
text-align
作用：设置元素内文本的水平对齐方式
语法：tex-align:left左对齐| right右对齐| center居中对齐| justify两端对齐
注意：该属性对块级元素设置有效
line-height
作用：设置元素中文本行高
语法：line-height:长度值|百分比
说明：一行文字的高度，行高指文本行的基线间的距离
文字基线
注意：基线并不是汉字文字的下沿，看图理解自行理解
行高和行距
行高：基线到基线的距离
行距：底线到顶线的距离
注意：看图自行理解
行框和行内框
注意：看图自行理解
vertical-align
作用：设置元素内容的垂直方式
语法：vertical-align:baseline| sub| super| top| text-top| middle| bottom| text-bottom|长度|百分比
注意：看图自行理解
text-indent首行缩进
3、文本样式属性
text-transform:capitzlize首字母大写|uppercase字母大写|lowercase字母小写|none正常
text-decoration:underline下划线|overline上划线|line-through删除线| none正常
综合实操案例
如果您觉得有用，记得在下方点赞、关注、留言，我会定期奉上更多的惊喜哦，您的打赏支持才是我继续努力的动力，么么哒。
每日分享在学习过程中总结的学习经验，学习笔记，笔试题，HTML，CSS，JavaScript，jQuery教程，Vue教程，PHP教程，TinkPHP教程等，望大家能以学习为目的，每天阅读一篇文章，了解身边的技术。陪有梦想的人一起成长！
OK，关于css漂亮字体样式大全和css好看艺术字样式的内容到此结束了，希望对大家有所帮助。