CSS - 随笔分类(第2页) - xiaoxustudy

用纯 CSS 创建一个三角形

摘要：参考自网络资料(原文第 4 点)： https://juejin.im/post/5cb92d9a5188254160581b87。 1. 实现方式 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" 阅读全文

posted @ 2020-07-27 17:13 xiaoxustudy 阅读(600) 评论(0) 推荐(0)

使用 display : flow-root 触发 BFC

摘要：（在高度塌陷的笔记中有 BFC 的内容： https://www.cnblogs.com/xiaoxuStudy/p/13222253.html#fourone ）目录：父子盒子兄弟盒子父子盒子例子： <!DOCTYPE html> <html> <head> <meta charset 阅读全文

posted @ 2020-07-04 22:03 xiaoxustudy 阅读(640) 评论(0) 推荐(0)

解决高度塌陷问题

摘要：目录： 1. 产生原因 2. 造成后果 3. 高度塌陷的例子 4. 解决办法方法 1 : 开启父元素的 BFC 方法 2 : 在塌陷的父元素的最后添加一个空白的 div, 然后对该 div 进行清除浮动方法 3 ：使用 after 伪类，向父元素后添加一个块元素，并对其清除浮动产生原因父元素阅读全文

posted @ 2020-07-02 07:59 xiaoxustudy 阅读(745) 评论(0) 推荐(0)

盒子居中的局部处理

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> #box{ width: 350px; height: 200px; background-color: red; margin: 20px; t 阅读全文

posted @ 2020-05-06 21:36 xiaoxustudy 阅读(209) 评论(0) 推荐(0)

标签居中

摘要：目录： 1、水平居中 2、垂直居中一、水平居中块级标签：设置 margin : 0 auto 行内标签：设置 text-align : center 行内-块级标签：设置 text-align : center 块级标签水平居中 <!DOCTYPE html> <html> <head> <me 阅读全文

posted @ 2020-05-06 20:46 xiaoxustudy 阅读(2102) 评论(0) 推荐(0)

HTML中的盒子模型

摘要：目录： 1、属性 2、内边距 padding 3、边框 border 4、设置边框圆角 5、外边距 margin 盒子模型：https://www.runoob.com/css/css-boxmodel.html 属性最小宽度最小高度这些用于适配手机端。 height : 设置元素高度 width 阅读全文

posted @ 2020-05-06 13:26 xiaoxustudy 阅读(707) 评论(0) 推荐(0)

class 属性、div 属性

摘要：可以通过 CSS（层叠样式表）告诉浏览器应该如何显示一份文档的内容。使用样式的两种方式：① 嵌在文档的 <head> 部分（<style> 标签之间） ② 放在另一个样式表文件里 CSS 可继承。比如说为 body 元素定义了一些样式，包含在 body 元素里的所有元素都将自动获得那些样式。比如阅读全文

posted @ 2020-05-01 18:53 xiaoxustudy 阅读(2020) 评论(0) 推荐(0)

随笔分类 - CSS