学习CSS是构建好看网页的一种方式。 但是,在学习过程中,我们倾向于(大部分时间)限制自己,一遍又一遍地使用相同的属性。 毕竟,我们是一种习惯性的动物,我们会使用自己习惯且熟悉的东西。

因此,在这篇文章中,向你介绍7个 比较少见且好用的 CSS 属性,希望对你有所帮助。

1. vertical-align

CSS 的属性 vertical-align 用来指定行内元素(inline)或表格单元格(table-cell)元素的垂直对齐方式。

就像定义说的,这个属性允许你垂直对齐文本。它对于顺序指示器(st, nd等)、需要的输入星号(*)或没有正确居中的图标特别有用。vertical-align取其中一个值:super | top | middle | bottom | baseline (default) | sub | text-top | text-bottom,或从基线开始的长度(px,%, em, rem等等)。

baseline: 使元素的基线与父元素的基线对齐。HTML规范没有详细说明部分可替换元素的基线,如,这意味着这些元素使用此值的表现因浏览器而异。

**sub:**使元素的基线与父元素的下标基线对齐。

**super:**使元素的基线与父元素的上标基线对齐。

**text-top:**使元素的基线与父元素的上标基线对齐。

**text-bottom:**使元素的底部与父元素的字体底部对齐。

**middle:**使元素的中部与父元素的基线加上父元素x-height(译注:x高度)的一半对齐。

推荐教程:《CSS教程》

css中分区显示php,CSS中7个你必须知道属性相关推荐

  1. 在内存中的显示缓存区中显示移动的汉字”中“字

    源代码: assume cs:code,ds:data data segment DB 080H, 001H, 080H, 001H, 080H, 001H, 0FCH, 03FH, 0FCH, 03 ...

  2. html中为什么style中不显示发光点,css实现发光文字,以及一点点js特效

    效果图: 代码如下: body{ background-color:#000; } .textArea{ font-size:100px; color:#fff; text-shadow:0 0 5p ...

  3. css两列显示,div+css如何控制信息分两列显示?

    CSS+DIV教程:.aa25/400.shtmlCSS+DIV 视频教程:.aa25/433.shtml 第一步:规划网站.52css/article.asp?id=175 第二步:创建html模板 ...

  4. 日期或时间在tableau中的显示及access中时间格式的变换

    临时记录知识点 在ACCESS中按年汇总业务部销量及进厂台次后,形成整数格式的"年度"字段,在tableau中可以通过变换该字段:利用创建"计算字段"来形成一个 ...

  5. 在内存中的显示缓存区中显示汉字“中”字(一)

    汇编语言源代码: assume cs:code,ds:data data segment DB 080H,001H, 080H, 001H, 080H, 001H, 080H, 001H, 0FCH, ...

  6. 在内存中的显示缓存区中显示汉字”中国山西“(二)

    汇编语言源代码: assume cs:code,ds:data data segment DB 080H, 001H, 080H, 001H, 080H, 001H, 0FCH, 03FH, 0FCH ...

  7. 在html中如何使div在页面中居中显示

    在html中如何使div在页面中居中显示 最近无聊中又再温习了下html,发现好多东西都忘了.尝试着写了一个html网页,结果就连div如何在页面中居中显示都查了好久才弄出来.其实我不知道为什么这样可 ...

  8. html字体竖排上下间距,css文字竖排显示 文字垂直布局

    div css文字竖排 CSS文字竖立显示.CSS文字从上到下垂直显示.CSS文字垂直排版布局篇 在CSS中CSS样式属性writing-mode:tb-rl是设置文字垂直显示竖排的,但是不兼容浏览器 ...

  9. 非常郁闷,WinForm中正常显示的自定义控件无法在WebForm中正常显示!

    我写了一个自定义控件(Win Control),此控件在WinForm中运行正常,但在WebForm中无法显示(在WebForm中此控件并不显示为红叉,但是一个对象图标).由于没有出现权限或安全方面的 ...

最新文章

  1. springboot-mysql-email集成
  2. 四位先行进位电路逻辑表达式_四位超前进位加法器
  3. 【Android 高性能音频】OboeTester 音频性能测试应用 ( Oboe 输出测试参数 | API 选择 | 音频输出设备选择 | 采样率 | 通道 | 采样格式 | 播放偏好 )
  4. 交错级数如何判断收敛_从微分方程的级数解到两个特殊方程(1):关于平凡点的解...
  5. 硅谷程序员佛系养生法:我不修bug, 谁修bug
  6. iphone最新款手机_苹果罕见“跌停”!遭遇6年来最惨淡一夜,2019年全球股市第一颗雷引爆...
  7. Elasticsearch核心知识图谱
  8. 用EL表达式显示客户端使用的浏览器
  9. krpano音量控制(我们已经转移到krpano中国网站 krpano360.com)
  10. C语言队列解决舞伴匹配问题
  11. c# chart 各个属性_C#Chart各个属性详细解析、应用
  12. android 11.0 去掉音量键电源键组合键的屏幕截图功能
  13. Nide.js安装配置
  14. linux 网易云音乐 ssh,网易云音乐For Linux的Fedora安装
  15. 读《深入浅出MySQL数据库开发、优化与管理维护(第2版)》笔记1
  16. 微信公众号监听 关注/取消关注事件 消息接收与响应处理(比较细微)
  17. 全解析阿里云Alibaba Cloud Linux镜像操作系统详解
  18. c语言种%*的*作用
  19. 怎么做精准引流?如何精准引流加粉?怎样引流被加精准粉?
  20. Java Overview

热门文章

  1. 突发!美国财政部、商务部双双出手制裁!大疆、旷视等8家被列入投资黑名单!34家被拉入实体清单,GPU龙头景嘉微在列!...
  2. 高杰:对撞机的历史回顾与展望
  3. 虚数填补了数学的那一个缺口?
  4. Gale-Shapley算法
  5. Linux下解压缩包命令
  6. redis stream学习总结
  7. 预处理指令 #pragma 的使用
  8. ubuntu 安装PCL
  9. 【详谈 Delta Lake 】系列技术专题 之 特性(Features)
  10. 阿里云助力江苏省财政厅力推统一公共支付平台