css基礎學習之文字屬性

2024-04-27 15:18:38

字體：大中小

來源：轉載

供稿：網友

一，CSS的固定格式

這里寫圖片描述

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>02-css的固定格式.html</title>  <style type="text/css"> h1{ text-align: center; } p{ text-align: center; color: red; font-size: 25px; } </style></head><body><h1>成功法則</h1><p>遲到毀一生</p><p>早退窮三代</p><p>按時上下班</p></body></html>

二，css文字屬性

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>03-css文字屬性.html</title>  <style> p{ font-style: italic; font-weight: lighter; font-size: 50px; font-family:"微軟雅黑"; } </style> <style> p{ /*font-style: italic;*/ /*font-weight: lighter;*/ /*font-size: 50px;*/ /*font-family:"微軟雅黑";*/ font: italic lighter 50px "微軟雅黑"; } </style></head><body><p>我是文字</p></body></html>

三，文字字體屬性特殊要求

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>04-css文字字體屬性特殊要求.html</title>  <style> p{ /*font-family:"亂七八糟","微軟雅黑";*/ /*font-family:"Times New Roman","微軟雅黑";*/ font-family:"Microsoft YaHei"; } </style></head><body><p>abc我是段落</p></body></html>

上一篇：HTML5 canvas元素初識

下一篇：table通過每行的checkbox（多個）判斷選中的行并把數據儲存成json格式