零基础学习WEB前端开发(十七):字体大小、字体粗细和字体样式 |
您所在的位置:网站首页 › 网站的字体大小如何设计 › 零基础学习WEB前端开发(十七):字体大小、字体粗细和字体样式 |
目 录 一、字体大小 1.1 基本语法 1.2 演示 1.3 注意点 二、字体粗细 2.1 语法 2.2 例子 2.3 注意点 三、字体样式 3.1 语法 3.2 实例演示 一、字体大小 1.1 基本语法font-size 生命的树上 雕了一枝花 谢落在我的怀里 , 轻轻的压在心上。 她接触了心中的音乐 化成小诗一朵。 效果: font-size: 字体粗细参数
字体粗细参数: normal默认值。定义标准的字符。bold定义粗体字符。bolder定义更粗的字符。lighter定义更细的字符。 100200300400500600700800900定义由粗到细的字符。400 等同于 normal,而 700 等同于 bold。 2.2 例子 Document /* 标签选择器 */ h5 { font-family: "微软雅黑"; font-size: 30px; } p { font-family: "楷体"; font-size: 20px; font-weight: bold; } 小诗生命的树上 雕了一枝花 谢落在我的怀里 , 轻轻的压在心上。 她接触了心中的音乐 化成小诗一朵。 效果:
实际开发中,更多地使用数字大小来表示 三、字体样式 3.1 语法font-style: 属性值; 生命的树上 雕了一枝花 谢落在我的怀里 , 轻轻的压在心上。 她接触了心中的音乐 化成小诗一朵。 效果:
|
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |