码迷,mamicode.com
首页 > 其他好文 > 详细

美化边框和文本

时间:2019-10-07 09:58:48      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:缩进   display   letter   取整   地址   等等   hit   cap   样式   

美化文本:

font-size:字体大小,常用em、px、%、rem作单位,预设值small、large、medium,可继承,
font-weight:加粗字体,属性为bold,加粗字体,(100-900之间的数值也可以)或者设置700(与bold效果相同),400是正常情况,100-900之间取整,可继承;
font-style:italic 倾斜字体,可继承;
letter-spacing调整字间距,单位px或者em都可以,可继承;
text-indent首行缩进,一般是在p标签上面使用,span标签使用margin-left:2em可实现效果;
text-decoration,给文字设置下划线,默认是没有线条,overline(文字顶部),underline(文字底部),line-through(文字中部,效果和del元素一样),只有先设置了下划线位置之后,才能设置下划线的颜色,样式等等。
修饰首字母:伪元素选择器,【::first-letter】,可以选择元素中的第一个文字;
可以运用的属性:font 属性color 属性、background 属性、margin 属性、padding 属性、border 属性、text-decoration、vertical-align (仅当 ‘float‘ 为 ‘none‘ 时)、text-transform、line-height、float、clear
(2)修饰首行:伪元素选择器,【::first-line】,可以选中元素中的第一行文字;
(3)修饰选中文字:伪元素选择器,【::select】可选中被用户框选的文字;
(4)字体类型:分为衬线字体和非衬线字体
         font-family,设置字体类型,为了避免全部都失效的情况,通常将最后一个值设置为"sans-serif"或"serif"。
向浏览器引入字体:@font-face{font-family:“名字”};src:url(字体地址)。
 
美化边框:

圆角边框:【border-radius】设一个值是正圆,两个值是椭圆。

美化边框和文本

标签:缩进   display   letter   取整   地址   等等   hit   cap   样式   

原文地址:https://www.cnblogs.com/muxi95/p/11629183.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!