1. General Text Types
(1) color (char,hex,rgb(),rgba())
color:red;(just for teaching)————>(hex most used)color:#ff0000(#f00);
color:rgb(255,0,0) ; color:rgba(255,0,0,.65);(transparency)
(2) font-size
font-size:30px; //general px
(3) font-weight
font-weight:normal; font-weight:bold; font-weight:lighter; font-weight:bolder;
(4) font-style
font-style:normal; font-style:italic; font-style:oblique;
(5) text-decoration
text-decoration:none; text-decoration:underline; text-decoration:line-through;
2. Font attribute details
(1) font-family:Arial,"Times New Roman", serif;(the name have space, must use "")
in <style> could use url to find more types
3. Paragraph and line
(1) text-indent/
text-indent: 2em;
(2) line-height/
line-height:30px; line-height:1.5;(150%)
(3) Vertical and horizontal centering of single-line text
v: line-height: 100px (div box {height=100px})
h: text-align:center
(4) font co-write
font: italic bold 20px/1.5 Arial, "The New Romes"
4. extends of CSS
(1) all about text: color, font, list, text, line
(2) in extends , we don't need cal weight, but Proximity of the content
Copyright notice:
Copyright © 2023, Tanxiaoxu Unauthorized copying or usage of the contents of this article is prohibited.