Webq前端-HeadFirst-笔记-CH8-字体大小/色彩/装饰/粗细
来源:互联网 发布:淘宝万艾可 编辑:程序博客网 时间:2024/06/18 18:50
字体大小
- px指定:字母的高度
- %百分比指定:Ⅰ相对于默认字体大小的比例 Ⅱ相对于父元素大小的比例
- em:比例指定。
- 关键字指定:xx-small x-small small medium large x-large xx-large
- 采用关键字指定body字体大小,其他用相对比例指定,更加有利于页面缩放。
- IE不支持px指定字体的缩放。
字体粗细
font-weight:
- normal
- bold
- normaler(少用)
- bolder(少用)
- n*100(少用)
字体风格
font-style:
- italic:不同折别/浏览器,无法控制室显示为斜体还是倾斜,多采用此种。
- oblique
- 与<em>区别,<em>是html标签,表示内容需要强调,不一定为斜体。
Web颜色
- rgb(%,%,%) 红绿蓝比例
- rgb(1-255,1-255,1-255) 红绿蓝数值
- #FFFFFF-#000000 红绿蓝十六进制码
- color:元素的前景色,包括字体与边框
- border-color:边框色
text-decoration:
line-throughCSS中可指定删除线,在html中使用<del>配合说明内容结构。
阅读全文
0 0
- Webq前端-HeadFirst-笔记-CH8-字体大小/色彩/装饰/粗细
- Web前端-HeadFirst-CH8-字体种类
- HeadFirst design pattern笔记-装饰者模式
- Web前端-HeadFirst-笔记-图片-height width
- Web前端-HeadFirst-笔记-html规范
- Web前端-HeadFirst笔记-CH9 盒模型
- Web前端-HeadFirst-笔记-CH10-子孙选择器
- Web前端-HeadFirst-笔记-Ch11-三布局
- Web前端-HeadFirst笔记-CH11-定位
- Web前端-HeadFirst-笔记-Ch14-表单
- HeadFirst 设计模式学习笔记3--装饰模式
- HeadFirst 设计模式学习笔记3--装饰模式
- HeadFirst 设计模式学习笔记3--装饰模式
- 《HeadFirst设计模式》学习笔记2-装饰者模式
- Web前端-HeadFirst笔记-CH9-多个样式表-media
- Web前端-HeadFirst笔记-CH9-Class与id
- Web前端-HeadFirst笔记-CH10 span div 伪类
- Web前端-HeadFirst-笔记-Ch10-层叠与特定性计算
- 就突然想着写python学习路程1
- JVM运行机制
- 权限管理数据库设计
- Unity常用插件之DoTween(三)
- 在多PDB环境中,创建common user,并赋予权限。
- Webq前端-HeadFirst-笔记-CH8-字体大小/色彩/装饰/粗细
- echarts方式实现android图表展示
- [解决方案]未知2136143处的非法输入序列
- 我理解的模块化与组件化
- Android中Bitmap和Drawable的相互转换
- JavaScript中定义类或对象
- Java Web架构知识整理
- js中的内置对象
- leetCode---Gas Station