第十一课 CSS介绍与font字体 css学习1
2019-02-27 11:51:50来源:博客园 阅读 ()
一、CSS样式规则
1、基本结构
<html>
<head>
<style>
h1{
color: orange;
}
</style>
</head>
<body>
</body>
</html>
二、font字体
1、字号与字体
font-size: 字号大小
font-family: 字体 font-family: "宋体";
使用技巧:
网页中普遍使用14px 字号;
尽量使用偶数的字号;
使用多个字体,字体间用“,”逗号隔开,中文字体需加引号,英文字体可以不加,
英文字体放在中文字体之前,字体有空格要加引号;
尽量使用默认字体;
2、unicode字体
对于不支持中文字体
方案一、可以用使用英文来替代,如font-family: "Microsoft Yahei";
方案二、在css直接使用unicode 编码来写字体名称可以避免这些错误,使用unicode写
中文字体,浏览器可以正确解析 如: font-family:"\5FAE\8F6F\96C5\9ED1"; 表示设置字体为“微软雅黑”
注:尽量写宋体、微软雅黑
3、Css注释
/*注释内容*/
4、字体加粗
font-weight: 字体粗细
font-weight: bold;字体加粗 700=blod nomal=400 尽量使用数字
5、字体倾斜
font-style: 字体风格
默认值: normal 正常 italic 倾斜
注:平时我们很少让字体倾斜,反而让倾斜的字体变成普通模式
6、font综合设置字体样式(重点)
选择器{font: font-style font-weight font-size/line-height font-family}
如:font{italic bold 14px "微软雅黑"}/*font 综合写法 更简洁*/
注:必须按照这个顺序写,必须保留font-size,font-family属性否则不起作用
原文链接:https://www.cnblogs.com/Liuxingtao/p/10438107.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:CSS样式
- DIV居中的经典方法 2020-06-13
- CSS中的float和margin的混合使用 2020-06-11
- Html/css 列表项 区分列表首尾 2020-06-11
- css与javascript重难点,学前端,基础不好一切白费! 2020-06-11
- ie8下透明度处理 2020-06-11
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash