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格式