The previous article mainly talked about the background Background in CSS style changes. In this article, let's talk about the basic usage of font setting Font&Border.
1. Font setting Font
1). Font family
< code><div style=''></div> Available fonts: SerifSans-serifMonospaceCursiveFantasyTimesCourier
2).Font style< /h1><div style='font-style:normal'></div> Text slant: normal text normal display italic text italic display oblique text slant display
3).Font variant
<div style='font-variant:small-caps'></div> ;normal Display normal font. small-caps A font that displays small caps.
4). Font bold
<div style='font-weight:normal' ></div>normal standard characters bold bold characters bolder thicker characters lighter thinner characters can also be represented by numbers, the range is 100~900
5).Font size
<div style='font-size:60px'></div>smaller becomes smaller, larger becomes larger, length is fixed The value also supports percentages
2. Border
<div style='font-style:normal'></div> Text slant: normal text normal display italic text italic display oblique text slant display<div style='font-variant:small-caps'></div> ;normal Display normal font. small-caps A font that displays small caps. <div style='font-weight:normal' ></div>normal standard characters bold bold characters bolder thicker characters lighter thinner characters can also be represented by numbers, the range is 100~900<div style='font-size:60px'></div>smaller becomes smaller, larger becomes larger, length is fixed The value also supports percentagesLet’s talk about it first Border style, it has many styles, and the commonly used ones are generally solid lines:
<div style='border-style:none'></div>hidden hidden border dotted dotted border dashed dotted line border solid solid line border double double line border groove 3D groove border ridge 3D Ridge-shaped border inset 3D inset border outset 3D outset border border also has four sides, so there will be up, down, left, right, so sometimes for more accurate positioning and modifying the style, you can use: border-top-style upper border style border-right-style right border style border-bottom-style bottom border style border-left-style left border styleFirst define the width style and color of the border, and then define the other borders Attributes.
1). Border shape
<div style='border-radius:25px;'></div>< /code>2). Border shadow
<div style='box-shadow:1px 2px 2px 2px red'></div> Parameter meaning: the size and color of the border in each direction3). Border image
<div style='border-image:url(1.png) 30 30 10 round'></div> Parameter meaning: the path of the border picture, the picture border offsets the picture border inward The amount by which the width border image area extends beyond the border. Whether the image border should be repeated, rounded, or stretched. Summary
This article mainly introduces CSS style changes The font settings of Font&Border settings, I hope to let everyone have a simple understanding and understanding of CSS selectors.
****Have you gained anything after reading this article? Please forward and share to more people****
IT Sharing House
To learn more, please go to the dedicated website for Python crawling and data mining: http://pdcfighting.com/
Articles are uploaded by users and are for non-commercial browsing only. Posted by: Lomu, please indicate the source: https://www.daogebangong.com/en/articles/detail/CSS%20style%20change%20%20font%20setting%20Font%20%20Border%20Border.html
支付宝扫一扫 
评论列表（196条）
测试