标签：CSS

第46页

CSS的水平布局

CSS的水平布局1、元素水平方向的布局元素在其父元素水平方向的位置，由以下几个属性共同决定margin-leftborder-leftpadding-leftwidthpadding-rightborder-rightmargin-righ...

css的鼠标手势 cursor:pointer; 或 cursor:hand : 手型cursor:crosshair : 十字cursor:text : 文本cursor:wait : 等待cursor:help : 问号cursor:e...

1.相邻兄弟选择器，定义+号后面那个选择器的属性。选择器1+选择器2{声明1；声明2；…}在HTML代码中，（引用）选择器1元素后面相邻着（引用）选择器2元素，则属性声明有效。标准浏览器才支持。提示：必须相邻才会有效。 <!docty...

整理一下css优化相关的知识，以后看到后会慢慢补充。主要从以下三个方面进行总结：1、减少加载页面时候的数据传输量。2、提高页面渲染速度。3、css代码的可维护性。一、减少加载页面时候的数据传输量为了减少数据传输量，主要是减少css代码的...

一、标准流布局 1.标准流布局标签在没有布局相关的属性的时候，默认的布局方式就是标准流布局。a.块级标签：一个占一行；默认宽度是父标签的宽度，默认高度是内容的高度；设置宽高有效。h1~h6、p、div、列表相关…b.行内标签：一行可以显示多...

行高的测量行高我们利用最多的一个地方是：可以让一行文本在盒子中垂直居中对齐。做法就是：文字的行高等于盒子的高度。这里情况些许复杂，开始学习，我们可以先从简单地方入手学会。总结：上距离和下距离总是相等的，因此文字看上去是垂直居中的。如...

父级容器的宽度一定，要实现子元素等比例完美均分父级宽度，实现方式有哪些？ html部分代码：方法一：浮动布局+百分比（将子元素依次左浮动，根据子元素的个数，设定每个子元素的宽度百分比）方法二：行内元素（inline-block）+百...

1.单行行内元素设置行高等于父元素的高度 2.多行行内元素使用给父元素设置display:table-cell;和vertical-align: middle; 3.块级元素 1.定位 2.flex布局

CSS后代选择器和子代选择器区别后代选择器（A B{……}） CSS的后代选择器根据A的所有后代B（包括直接子元素和间接子元素B）来选择。无论B是否被其他所包含，只要B被A包含即被选择。 HTML代码和效果：子代选择器（A>B{…...

垂直居中，在 CSS 中是一个老生常谈的问题，面试的时候也会时常被提及。所以，今天我们就来聊聊 9 种不同的居中方法。有常见的 flex、transform、absolute 等等。也有 CSS3 的网格布局。还有伪元素的方法，是的，你没...