font-family:字体类型

写法:font-family:宋体

英文字体:Arial,‘Times New Roman’… (只针对英文)
中文字体:微软雅黑,宋体… (中英文都影响)

<head><meta charset="utf-8"><title></title><style type="text/css">#div1{font-family: "blackadder itc"}#div2{font-family: '方正舒体','Times New Roman', simsun, 微软雅黑;}</style></head><body><div id="div1" >中文English</div><div id="div2" >中文English</div></body>


衬线体与非衬线体(了解即可):非衬线体更加圆滑,衬线体有点摸棱两可的感觉。这个我也是自己看视频知道的,知道有这种东西存在就好。
设置文字字体类型需要注意的
1.设置多字体的方式
font-family: ‘Times New Roman’, simsun, 微软雅黑;(从左到右,如果刚好这个字体在电脑中存在,那么就以这个字体为主,不再往后查找了,如果设置的字体没有一个是电脑里自带的,那么就以默认字体为主)可以通过控制面板->字体 ,查看电脑自带的字体
2.引号问题
只有当字体类型属性值中,带有空格,才会使用引号(例如:font-family:‘Times New Roman’),否则会报错

font-size:字体大小

默认:16px
写法:number(px)|单词(small large …不推荐使用,设置成具体的数值,更好调试)
单词可选用在下表:

注意:字体大小一般为偶数,方便文字对齐,font-size/2刚好得到一个整数

font-weight:字体粗细

模式:正常、加粗
写法:font-weight:number(100-900) | bold(+粗) | bolder(++粗)
number:(100-300)粗细都算正,(400-500)略粗,(600-900)一般粗 。 在我划分的三个范围中中,重要在范围内的他们几乎长得都一样,不同等级的差距其实也不大。使用我们想要字体变粗比较明显
100-300

400-500

600-900

bold-bolder

font-style:字体样式

模式:正常、斜体
写法:font-style:normal | italic (斜体) | oblique (也是斜体,用的比较少)
italic与oblique的区别:italic:所有带有倾斜字体属性的可以设置倾斜操作(大部分带,大家可以百度搜搜);oblique:没有倾斜字体属性的字体也可以设置倾斜操作

color:字体颜色

写法:单词(red),十六进制、rgb(三原色混合)

总结:

#div2{
color: #008000;
font-weight: bolder;
font-style: italic;
font-size: 25px;
font-family: 方正舒体,‘Times New Roman’, simsun, 微软雅黑;
}

HTML-CSS(十)文字样式使用相关推荐

  1. CSS(二)文字样式

    CSS之文字样式 一.文本颜色:color 二.缩进:text-indent 三.行高:line-height 四.字母间隔:letter-spacing 五.水平对齐:text-align 六.文本 ...

  2. 前端学习: 用css设置文字样式

    转自:微点阅读 http://www.weidianyuedu.com/ 相信大家已经基本了解了前端最基本的一些规则了: html搭建结构,承载内容 css则可以利用选择器,来为相应的html标签设置 ...

  3. 前端入门: 用css设置文字样式。

    转自:微点阅读  https://www.weidianyuedu.com 经过前面的文章,相信大家已经基本了解了前端最基本的一些规则了: html搭建结构,承载内容 css则可以利用选择器,来为相应 ...

  4. 【html5+css】文字样式 line-height 和 vertical-align css背景 css边框

    **一.文字样式 字体可以是列表的形式,一般英语字体放到前面,后面的字体是前面的字体的后备字体 字体名称中有空格,必须要用引号来包裹** font-weight:指定字体粗细 -blod normal ...

  5. HTML5网页设计样式-CSS设置文字样式

    字体 font-family 文字大小 font-size 文字的加粗 font-weight 文字的倾斜 font-style 以上四个在这篇已经有过大致介绍(见http://t.csdn.cn/I ...

  6. css常用样式(文字样式、边框样式、背景样式)

    CSS常用样式 CSS常用文字样式 color: brown; /*文字颜色*/ /*color: #333333;这样的也可以,这种颜色的表示方法是RGB的方式,没两位数表示一种颜色的度数, 一般情 ...

  7. css中文字段落对齐,CSS段落对齐方式

    CSS段落对齐有两种方式:水平对齐和垂直对齐. 1.水平对齐: (1).text-align:left;         //左对齐 (2).text-align:right;      //右对齐 ...

  8. CSS/Compass修改placeholder的文字样式

    在HTML5中,<input>与<textarea>标签支持placeholder属性,用来定义无任何输入时的默认文字. 可以通过CSS修改placeholder的文字样式: ...

  9. amazeui学习笔记--css(基本样式3)--文字排版Typography

    amazeui学习笔记--css(基本样式3)--文字排版Typography 一.总结 1.字体:amaze默认非 衬线字体(sans-serif) 2.引用块blockquote和定义列表:引用块 ...

  10. 字体系列之文字样式(CSS、HTML)

    字体系列之文字样式(CSS.HTML) <!DOCTYPE html> <html lang="en"> <head><meta char ...

最新文章

  1. 如何在eclipse中安装git?
  2. C#中的三种timer
  3. vue的父子组建之间的通信(-),基于props和$emit之间的传递
  4. Django开发社交类网站必备的10个第三方应用
  5. springboot+mybatis集成自定义缓存ehcache用法笔记
  6. 2019年GitHub上最热门的Java开源项目
  7. 对javascript中的匿名函数的理解
  8. nginx ---- 静态资源部署
  9. 《小米网抢购系统开发实践》读后感
  10. Docker实践 -- 安装Docker
  11. MySQL级联删除和级联修改
  12. 关于Centos Linux系统安装Python的问题
  13. 2018蚂蚁金服Java开发实习生一面面经
  14. Unity笔记-29-ARPG游戏项目-06-弓箭
  15. 网易AI工程师面试常见知识
  16. ORACLE数据库日期更新到时分秒格式
  17. uniapp vue 微信小程序 前端 直传华为云对象存储OBS
  18. 归并排序【算法解析,代码模板】
  19. 百度云生态分享日| 网络技术及应用主题沙龙圆满落幕
  20. bat 当前目录下 子目录文件 移动到当前目录 并 文件改名 改后缀名

热门文章

  1. 技术方案曝光,网易游戏是如何做到不停服维护的?
  2. 华为牛人的成长经历,永远记得那些IT界吃咋风云的人物!
  3. matlab相机标定工具箱进行相机标定,相机标定的理解及采用opencv和matlab工具箱的标定方法...
  4. 60行python代码实现弹球小游戏(含源码)
  5. Android 悬浮框按钮
  6. Python全局变量报错
  7. JavaScript:实现鼠标的悬停及移出事件
  8. 大数据安全目前面临得主要挑战有哪些
  9. JavaWeb之tomcat的使用
  10. 航海王热血航线服务器维护怎么办,航海王热血航线怎么解除防沉迷?防沉迷系统解除方法[多图]...