摘要：.titleText{ border:10px solid green; display: flex; height: 100%; justify-content: center; h1.informationPlatform{ border:1px solid red; font-family:M
阅读全文
摘要：方法一：CSS3 p{ display: inline-block; width:10rem; height:5rem; text-align:justify; text-justify: distribute-all-lines; text-align-last: justify; border:
阅读全文
摘要：一、纯色属性 二、风骚渐变属性 样例01 理论01 盒模型_视错觉_导直角_导凹角 二、URL( )属性 设置 CSS Sprite 精灵图
阅读全文
摘要：CSS font-family常见中文字体对应的英文名称
阅读全文
摘要：该属性允许改变 3D 元素，查看 3D 元素的视图。只影响 3D 转换元素。 当为元素定义 perspective 属性时，其子元素会获得透视效果，而不是元素本身。 以像素计算，数值后不用加单位。数值越小离屏幕越近，数值越大离屏幕越远。 div { perspective: 500; -webkit
阅读全文
摘要：方法一：以轴为镜像 .mirrorRotateLevel { transform: rotateY(180deg); /* 水平镜像翻转 */ } .mirrorRotateVertical { transform: rotateX(180deg); /* 垂直镜像翻转 */ } 方法二：以点为镜像
阅读全文
摘要：可选择紧接在另一元素后的元素，且二者有相同父元素。
阅读全文
摘要：<!doctype html><html> <head> <meta charset="utf-8" /> <title>提示弹框</title> <style type="text/css">*,*::before,*::after{box-sizing:border-box;} .body{ d
阅读全文
摘要：方法一： 在 CSS 盒模型中，一个比较容易被忽略的就是 margin, padding 的百分比数值计算。 按照规定，margin, padding 的百分比数值是相对 父元素 的宽度计算的。由此可以发现只需将元素垂直方向的一个 padding 值设定为与 width 相同的百分比就可以制作出自适
阅读全文
摘要：一、伪元素和伪类是非常相像的两个东西。在实际上 css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。 :Pseudo-classes ::Pseudo-elements 但因为兼容性的问题，所以现在大部分还是统一的单冒号，但是抛开兼容性的问题，我们在书写时应该尽可
阅读全文
摘要：object-fit : cover / contain / fill / none / scale-down ; // 指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。 object-position: center center / 50% 50% ； // 指定可替换元素的内容，
阅读全文
摘要：1.数字与单位之间不能出现空格。 2.如果长度值为 0，则可以省略单位。 3.对于一些 CSS 属性，长度可以是负数。 有两种类型的长度单位：相对和绝对。 CSS单位 绝对长度单位：in 相对长度单位：em / rem / vh / vw html,body{margin:0; padding:0;
阅读全文
摘要：span{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:3rem; /*如果不加高度，Firefox 会
阅读全文
摘要：input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {;}input:-moz-placeholder, textarea:-moz-placeholder {}input::-moz-placeholder,
阅读全文
摘要：改变CSS世界纵横规则的writing-mode属性
阅读全文
浙公网安备 33010602011771号