HTML-CSS(十)文字样式使用
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(十)文字样式使用相关推荐
- CSS(二)文字样式
CSS之文字样式 一.文本颜色:color 二.缩进:text-indent 三.行高:line-height 四.字母间隔:letter-spacing 五.水平对齐:text-align 六.文本 ...
- 前端学习: 用css设置文字样式
转自:微点阅读 http://www.weidianyuedu.com/ 相信大家已经基本了解了前端最基本的一些规则了: html搭建结构,承载内容 css则可以利用选择器,来为相应的html标签设置 ...
- 前端入门: 用css设置文字样式。
转自:微点阅读 https://www.weidianyuedu.com 经过前面的文章,相信大家已经基本了解了前端最基本的一些规则了: html搭建结构,承载内容 css则可以利用选择器,来为相应 ...
- 【html5+css】文字样式 line-height 和 vertical-align css背景 css边框
**一.文字样式 字体可以是列表的形式,一般英语字体放到前面,后面的字体是前面的字体的后备字体 字体名称中有空格,必须要用引号来包裹** font-weight:指定字体粗细 -blod normal ...
- HTML5网页设计样式-CSS设置文字样式
字体 font-family 文字大小 font-size 文字的加粗 font-weight 文字的倾斜 font-style 以上四个在这篇已经有过大致介绍(见http://t.csdn.cn/I ...
- css常用样式(文字样式、边框样式、背景样式)
CSS常用样式 CSS常用文字样式 color: brown; /*文字颜色*/ /*color: #333333;这样的也可以,这种颜色的表示方法是RGB的方式,没两位数表示一种颜色的度数, 一般情 ...
- css中文字段落对齐,CSS段落对齐方式
CSS段落对齐有两种方式:水平对齐和垂直对齐. 1.水平对齐: (1).text-align:left; //左对齐 (2).text-align:right; //右对齐 ...
- CSS/Compass修改placeholder的文字样式
在HTML5中,<input>与<textarea>标签支持placeholder属性,用来定义无任何输入时的默认文字. 可以通过CSS修改placeholder的文字样式: ...
- amazeui学习笔记--css(基本样式3)--文字排版Typography
amazeui学习笔记--css(基本样式3)--文字排版Typography 一.总结 1.字体:amaze默认非 衬线字体(sans-serif) 2.引用块blockquote和定义列表:引用块 ...
- 字体系列之文字样式(CSS、HTML)
字体系列之文字样式(CSS.HTML) <!DOCTYPE html> <html lang="en"> <head><meta char ...
最新文章
- 如何在eclipse中安装git?
- C#中的三种timer
- vue的父子组建之间的通信(-),基于props和$emit之间的传递
- Django开发社交类网站必备的10个第三方应用
- springboot+mybatis集成自定义缓存ehcache用法笔记
- 2019年GitHub上最热门的Java开源项目
- 对javascript中的匿名函数的理解
- nginx ---- 静态资源部署
- 《小米网抢购系统开发实践》读后感
- Docker实践 -- 安装Docker
- MySQL级联删除和级联修改
- 关于Centos Linux系统安装Python的问题
- 2018蚂蚁金服Java开发实习生一面面经
- Unity笔记-29-ARPG游戏项目-06-弓箭
- 网易AI工程师面试常见知识
- ORACLE数据库日期更新到时分秒格式
- uniapp vue 微信小程序 前端 直传华为云对象存储OBS
- 归并排序【算法解析,代码模板】
- 百度云生态分享日| 网络技术及应用主题沙龙圆满落幕
- bat 当前目录下 子目录文件 移动到当前目录 并 文件改名 改后缀名
热门文章
- 技术方案曝光,网易游戏是如何做到不停服维护的?
- 华为牛人的成长经历,永远记得那些IT界吃咋风云的人物!
- matlab相机标定工具箱进行相机标定,相机标定的理解及采用opencv和matlab工具箱的标定方法...
- 60行python代码实现弹球小游戏(含源码)
- Android 悬浮框按钮
- Python全局变量报错
- JavaScript:实现鼠标的悬停及移出事件
- 大数据安全目前面临得主要挑战有哪些
- JavaWeb之tomcat的使用
- 航海王热血航线服务器维护怎么办,航海王热血航线怎么解除防沉迷?防沉迷系统解除方法[多图]...