Easonmax的博客

是CSS的一种选择器，用于根据HTML元素的属性来选择元素。属性，否则不会生成任何内容。，因此内容区域的宽度会自动根据设置的内边距和边框大小进行调整，而不会超出设置的宽度和高度。2.E[att="val"] 选择具有att属性且属性值等于val的E元素。5.E[att*="val"] 匹配具有att属性且值中含有val的E元素。对于：nth中的 n我们可以是表达式，比如2n，2n+1等，n是从0开始计算的。谁做过渡给谁加，添加过渡，一般是鼠标经过，所以要设置好hover中的过渡后的值。

我们不只是能做出如上最简单的三角形，还能根据不同边框长度做出更多不同的三角形，在这三角形的做法我就只说一种，另外的你们自己去探索。轻量级：一个图标字体比一系列的图像要小，一旦字体加载了，图标就会马上渲染出来，减少了服务器的请求。因为这里块很多，用浮动就有点麻烦，不如直接用行内块，行内块本身之间就有点距离，浮动还需要设置。展示的是图标，本质属于字体。如果工作中，原来的字体图标不够用了，我们需要添加新的字体图标到原来的字体文件中。灵活性：本质其实是文字，可以很随意的改变颜色，产生阴影，透明效果，旋转等。

相对定位相对的是它原本在文档流中的位置而进行的偏移，并且relative定位遵循正常的文档流，它没有脱离文档流，但是它的top/left/right/bottom属性是生效的。当产生浮动后，我们的浮动元素盒子默认高度是0，所以如果一个盒子里装的全是浮动盒子，该盒子高度就为0，就会坍塌掉，同时还会影响到后面标准流的布局。子绝父相 —— 虽然父元素的定位可以是相对、绝对或者固定定位，但是绝对定位和固定定位都会脱离标准流，所以我们实际开发中，一般都使用相对定位，这就是常说的子绝父相。

相同选择器给设置相同的样式，此时一个样式就会覆盖(层叠)另一个冲突的样式。如果子元素没有指定某个样式，它会继承其父元素的样式。优先级决定当多个选择器应用于同一元素时，哪个选择器的样式生效。而如果我们不想要单元格之间有间隙，可以变成这样，加上一句代码。的圆角边框可以使一个正方形元素变成圆形，使矩形变成椭圆。在学习html5和css3的基础上使我们的前端使用更高级。如果一个元素使用多个选择器，它们的优先级会叠加。这些区域一起决定了元素的最终显示效果和占用空间。按顺序设置上、右、下、左的内边距。

常见的行内元素有、、、、、、、、、等,其中标签是最典型的行内元素。常见的块元素有~、、、、、等,其中 标签是最典型的块元素。网页的标签非常多，在不同地方会用到不同类型的标签，了解他们的特点可以更好的布局我们的网页，这时候就要用到元素显示模式。子元素选择器是 CSS 中的一种选择器，用于选择某个元素的直接子元素。

我们可以给 body指定整个页面文字的大小，当然这对标题的字体大小是没影响的，它优先级高于body的字体大小优先级，必须指定对 h标签 进行修改才会有所改变。）在大多数情况下是没有功能上的区别的，它们都可以用来表示字符串， 无论是在 HTML 属性、CSS 样式或 JavaScript 中，使用单引号和双引号的效果基本相同。当然我们不用管用哪种形式，在vscode中我们能自己选颜色，比较便捷，如下图，所以无需太在意。这是一段文字，我们只要算好上面一行文字的底部到下面一行文字的底部的距离，那就是行间距。