css
文章平均质量分 68
hqin_520
这个作者很懒,什么都没留下…
展开
-
Flex Grid布局
一、浏览器内核Chrome浏览器:早期webkit内核,后来是chromium/blink 内核 IE浏览器:trident内核 ,win10 之后微软推出edge,用edge Html内核 火狐浏览器:Gecko内核 opera浏览器:presto内核(弃用),后来webkit内核,后来Blink内容 Safari浏览器:webkit内核 360/猎豹浏览器:trident内核+Blink内核 搜狗/QQ浏览器:trident内核+webkit二、flex布局 - 弹性盒子布局,一维原创 2021-12-20 16:16:04 · 832 阅读 · 0 评论 -
实现三栏布局的三种方法
前言:现成的组件用多了,突然让你用css实现一个三栏布局你可以吗?要求:我这里想到了三种方法,有其他方法欢迎补充<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi原创 2021-04-13 17:53:31 · 235 阅读 · 0 评论 -
CSS选择器包含伪类和伪元素以及CSS权重优先级
前言:有时候会根据需求修改一个组件库的样式,这个时候就会用到权重了,但很久不用之后,我突然发现具体的一些权重数值会忘记,又到了整理文档的时候了。选择器例子权重ID选择器#example100类选择器.example10属性选择器[type=‘redio’]10伪类选择器:hover,:active…10标签选择器h1 , nav …1伪元素选择器:before,:after,::before,::after1总结一下:! I原创 2020-06-08 15:41:33 · 293 阅读 · 0 评论 -
背景图片透明内容不透明-css3阴影-文字渐变
小白想记录一些曾经遇到的问题,为什么是曾经呢,哈哈哈,主要小白今天没什么工作,所以来温故知新一下。一、css实现背景图片透明,但是内容不透明想要设置透明度,有两种办法opacity和rgba。但是呢直接使用这两种办法会导致背景图片和内容一起变成透明。所以得换一种思路。法一:该方法采用中间层的概念,在背景图和内容层之间加了一个膜,以达到这样的效果。下面上代码:html代码:<...原创 2020-04-20 15:23:03 · 1902 阅读 · 0 评论 -
前端动画的总结animation transition transform
最近这段时间一直想写一篇关于前端动画的文章,一方面是之前面试经常问到css3新特性的问题,另一方面也是想把知识梳理一遍。前端写动画效果无非就是2种,一种就是用css写,另一种就是用js写1、css3写动画2、javascript写动画3、几种动画之间的比较4、扩展介绍一些使用网站1、首先看一下css方式大概就是有三种,animation,transition,transform...原创 2019-09-02 10:53:38 · 366 阅读 · 0 评论