twftyh

CSS

AJAX(6) Bootstrap(1) ES6(10) Express(1) git(1) gulp(1) JavaScript(19) JavaSE(3) jQuery(5) js(1) MySql(4) node.js(7) php(1) TypeScript(3) Vue(13) 小程序(1) 开发者工具(2) 数据结构(2) 模块化(2) 设计模式(4) 随笔(1)

/ 注册

全部文章 / CSS （共8篇）

CSS-将多个div切割，通过定位实现一个图案

CSS-将多个div切割，通过定位实现一个图案通过CSS3中clip-path属性来实现个大象同过clip-path对div进行裁剪时可以利用PS对原图片进行取色并获取一定的比例。 <!DOCTYPE html> <html lang="en">...

2021-10-08

0 738

CSS3新特性-rem

新增单位rem em：根据父元素的大小来决定 rem：根据根元素(html)元素来决定 html元素默认字体大小为16px(基础字体大小) Chrome浏览器不支持12px以下的字体大小(字体大小小于12px后改字体一直为12px)，其他浏览器没问题 <div class=&q...

2021-10-08

0 340

CSS3新特性-选择器

结构性伪类 :first‐child/last‐child 父元素中第一个元素和最后一个元素 <div> <li>1</li> <li>2</li> <li>3<...

2021-10-08

0 361

CSS3新特性-新增样式

新增样式文本效果文本阴影文本裁剪单词换行边框 ...

2021-10-08

0 352

快速掌握CSS3弹性布局

简介 display:flex; 弹性布局是css3的一种新的布局方式，它能够快速轻易的实现页面的各种布局。采用弹性布局的盒子叫做弹性盒子弹性盒子中的元素称为弹性项目容器中有两条轴，沿水平方向的叫主轴，垂直于主轴的叫侧轴常用属性 flex-direction: (控制项目...

2021-10-08

0 362

CSS3网格布局

简介网格布局可以将容器划分为各种网格，可以对这些网格进行任意的组合，组成网格分界线的有行网格线和列网格线，由两两相邻的行网格线和列网格线组成的单元格叫做网格单元格。注意：划分的网格并不是div，div存在与划分的网格之中，具体看以下实例。 <div class="c...

2021-10-08

0 362

Scss&Less初探，学会基本的使用方式

文章目录简介 Less&Scss 注释变量定义插值作用域选择器嵌套、伪类嵌套、属性嵌套(Scss) 运算函数混入命名空...

2021-10-08

0 386

html&css容易遗忘的问题

文档类型声明标签 <!DOCTYPE html> 告诉浏览器使用最新的html语言来渲染网页常用标签 <br /> 换行标签 <strong>文字加粗</strong> <em>倾斜</em> <del&g...

2021-10-08

0 276