文章目录

  • CSS样式
    • 1、字体样式
    • 2、图标字体(iconfont)
    • 3、行高(line height)
    • 4、文本样式
  • 总结

CSS样式

1、字体样式

  • color用来设置字体颜色
  • font-size用来设置字体的大小
    — em 相当于当前元素的一个font-size
    — rem 相对于根元素的font-size
  • font-famliy
    — serif 衬线字体
    — sans-serif 非衬线字体
    — monospace 等宽字体

2、图标字体(iconfont)

引入图标时,以字体的形式引入,@font-fact的形式对字体进行引入。
常用的图标库

  • iconfont 官网,阿里巴巴图标矢量库
  • IconFinder-Free Icons 官网
  • Font-Awsome 官网

3、行高(line height)

文字占有的实际高度

4、文本样式

text-align:水平对齐方式

  • left 左端对齐
  • center 居中对齐
  • right 右端对齐
  • justify 两端对齐

vertical-align:垂直对齐方式

  • baseline 默认值,基线对齐
  • top 顶部对齐
  • bottom 底部对齐
  • middle 居中对齐

text-decoration:文本修饰

  • none 无
  • underline 下划线
  • line-through 删除线
  • overline 上划线

white-space

  • normal 正常
  • nowrap 不换行
  • pre 保留空白

总结

有问题,找文档!

CSS样式---其他相关推荐

  1. 内联式css样式,直接写在现有的HTML标签中

    CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式.嵌入式和外部式三种.这一小节先来讲解内联式. 内联式css样式表就是把css代码直接写在现有的HTML标签中 ...

  2. css样式之边框和内外边距

    1.css样式之边框:border 实心的边框: <!DOCTYPE html> <html> <head> <meta http-equiv="c ...

  3. CSS(2 )-- CSS样式大全

    常用css样式大全Author:xu_shuyi201504039.CSS颜色代码大全http://www.cnblogs.com/axing/archive/2011/04/09/CSS.html1 ...

  4. MOSS的CSS样式说明,一个老外总结的

    MOSS的CSS样式说明,一个老外总结的 http://www.heathersolomon.com/content/sp07cssreference.htm 转载于:https://www.cnbl ...

  5. float属性html,详解CSS样式中的float属性

    详解CSS样式中的float属性.float是 css 样式的定位属性.我们在印刷排版中,文本可以按照需要围绕图片.一般把这种方式称为"文本环绕".在网页设计中,应用了CSS的fl ...

  6. 一个DIV调用多个CSS样式

    1使用以上两个CSS样式表对描述同一个DIV的写法class利用class可以对于同一个标签多重定义样式. 比如用1.2两种样式同时控制一个DIV,可以写成以下格式: <div class=&q ...

  7. 关于CSS样式浏览器兼容问题的一些注意事项

    CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不 ...

  8. asp.net 控制页面css样式

    asp.net 控制页面css样式   fontDiv.Style["display"] = "none";   fontDiv.Style["dis ...

  9. Web前端开发最佳实践(8):还没有给CSS样式排序?其实你可以更专业一些

    前言 CSS样式排序是指按照一定的规则排列CSS样式属性的定义,排序并不会影响CSS样式的功能和性能,只是让代码看起来更加整洁.CSS代码的逻辑性并不强,一般的开发者写CSS样式也很随意,所以如果不借 ...

  10. Emmet语法(快速生成HTML结构语法、快速生成CSS样式语法)

    1. 快速生成HTML结构语法 生成标签直接输入标签名按tab键即可    比如div然后tab键,就可以生成<div></div> 如果想要生成多个相同标签加上*就可以了   ...

最新文章

  1. 一文读懂你该了解的5G知识:现在别买5G手机
  2. 一次完整的HTTP事务是怎样一个过程
  3. HuggingFace BERT源码详解:基本模型组件实现
  4. innodb和my查询速度_吃透MySQL:MyISAM和InnoDB存储引擎详细介绍
  5. BZOJ 2301 Problem b(莫比乌斯反演+分块优化)
  6. CAS实现原子操作的三大问题
  7. 详解 ConcurrentHashMap
  8. Batch Normalization 反向传播(backpropagation )公式的推导
  9. 可变对象 vs 不可变对象(Python)
  10. coxbox变换 python_怎样用Python实现对Xbox手柄的控制?
  11. centos操作---搭建环境 安装python
  12. 企业微信api消息接口调用
  13. LoadRunner 压力测试
  14. 微信如何保存文件?企业微信如何下载文件?
  15. CAD打印怎么布满图纸?
  16. Win11如何取消任务栏隐藏?Win11取消任务栏隐藏的方法
  17. 简单入门CDQ分治(很有意思的算法)
  18. WPF圆角按钮及触发背景变更_se7en3_新浪博客
  19. ZTree的选择性展开树节点
  20. video同层播放层级过高遮挡模拟暂停按钮的问题

热门文章

  1. Nat Methods|一个快速搜索工具能让所有人都能进行蛋白质结构预测
  2. 淮南师范学院计算机学院教授,陈永红(淮南师范学院副院长)_百度百科
  3. 日语语法准备三:日语句子句型
  4. Visual Effect Graph魔改录
  5. Lenovo笔记本功能键不用按Fn键如何进行设置
  6. 原创 | 独立开发者:到底做什么样的产品才最赚钱?
  7. Anaconda 本地包安装
  8. 企业对C/C++程序员的技能要求
  9. win10电脑怎么录屏?简单方便,一键录制
  10. 道翰天琼认知智能未来机器人接口API简介介绍,聊天机器人,服务机器人,服务机器人机器人接口平台大脑。