CSS使用高级技巧合集(四)
- 原创经验
- |
- 更新：
- |
想要成为一名软件工程师，对于一些程序语言一定要全面进行了解和掌握，比如基础的代码、CSS样式、数据库等等，这些都是电脑软件工程师需要掌握的基本技能，今天要给大家介绍的是CSS使用高级技巧，下面我们就一起来看看吧。
具体内容
-
创造格子等宽的表格
table-layout: fixed 可以让每个格子保持等宽：
.calendar {
table-layout: fixed;*
}
无痛的 table 布局。
-
利用属性选择器来选择空链接
当 元素没有文本内容，但有 href 属性的时候，显示它的 href 属性：
a[href^="http"]:empty::before {
content: attr(href);*
}
相当简便。
-
利用 Flexbox 去除多余的外边距
与其使用 nth-， first-，和 last-child 去除列之间多余的间隙，不如使用 flexbox 的 space-between 属性：
.list {
display: flex;*
justify-content: space-between;*
}
.list .person {
flex-basis: 23%;*
}
列之间的间隙总是均匀相等。
-
给 “默认” 链接定义样式
给 “默认” 链接定义样式：
a[href]:not([class]) {
color: #008000;*
text-decoration: underline;*
}
通过 CMS 系统插入的链接，通常没有class 属性，以上样式可以甄别它们，而且不会影响其它样式。
注意事项
-
在这里要提醒大家，支持以上这些技巧的情况，都适用于最新版的 Chrome, Firefox, Safari, Opera,Edge, 以及 IE11，作为一名大学生，如果想要从事软件行业，想要成为优秀的软件工程师，那就把以上的CSS使用高级技巧学起来吧。
