【CSS学习笔记02】 1.复合选择器 1.1后代选择器/* 任意基础选择器组合，选择器间用空格隔开 */ol li {color: pink;}ol li a {color: red;}.nav li a {color: yellow;}1.2子元素选择器<style>/* 最近一级的选择器 */.nav>a {color: red;}</style>1.3并集选择器div,p,.pig li {color: pink;}id：身份证（唯一） class：可以理解为名字（可以被多个人使用） 1.4链接伪类选择器<style>/* 1.未访问的链接 a:link 把没有点击过的(访问过...
1 水平居中首先讨论一下如何将一个元素进行水平居中。给定以下HTML代码。<div class=box>水平居中</div>通过css实现div的水平居中。.box{width:300px;height: 300px;margin: 0 auto;}首选设置box的宽度和高度，然后设置box外边距margin就可以实现水平居中。实现的原理很简单，利用了盒模型来解决这个问题。box的盒模型水平布局由以下7个属性相加组成。margin-leftborder-leftpadding-leftwidthpadding-rightborder-rightmargin-rig...
写一个页面，用到了垂直居中，但是页面是自适应的，所以div的高度也是不固定的 只能使用百分比来指定高度，然后测试了好长时间 就是文字弄不了垂直居中。 于是 自己整理了一个亲测可行的方案。 具体代码如下：<div style="height:100%;display:table;width:100%"> <span style="display:table-cell;text-align:center;vertical-align:middle">52</span> </div>效果如下： 将div display:table; span display: table-cell 将div 样...