- 博客(5)
- 收藏
- 关注
RSS订阅原创 css3、less实现星空动画案例
效果如图：技术点预览：CSS3背景径向渐变less实现循环近大远小原理制造空间感CSS3关键帧动画HTML文档结构<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c
2021-07-10 11:12:11
729
原创 前端面试之圣杯布局与双飞翼布局
圣杯布局和双飞翼布局是前端面试常见的面试题，今天研究了一番<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-s
2021-07-08 17:51:01
220
原创 CSS3新增属性
本篇文章为大家介绍下CSS3新增的样式属性，CSS3新属性的出现弥补了CSS2版本的不足，解决了很多我们设置元素样式时的痛点。1.文本阴影属性text-shadow:水平距离 垂直距离 模糊半径(模糊程度) 阴影颜色说明：阴影水平距离设置为正数时向右移动，负数时向左移动、阴影垂直距离设置为正数时向下移动，负数时向上移动注意：模糊半径不能写负数，可以写多个文本阴影需要用逗号分隔2.盒子阴影...
2021-07-06 21:10:20
174
原创 CSS3新增选择器
CSS3CSS3是CSS2的升级版本，它完全向后兼容所以没有必要修改已有的设计。但CSS3为我们带来了新的选择器和属性，使我们在选择元素及实现元素的样式时能够更加灵活及有更强大的功能。本篇文章为大家介绍下CSS3新增的选择器。1.属性选择器我们可以根据html属性来选中元素。E[attr] {} 选中设置了attr属性的Element。E[attr=“value”] {} 选中设置了attr属性并且属性值为value的Element。E[attr^=“value”] {} 选中设置了attr属
2021-07-05 21:03:11
138
原创 2021-07-03 CSS子元素在父元素中垂直水平居中的方法
1.使用vertical-align属性vertical-align属性只支持inline-block（行内块元素），它有三个属性值：top、middle、bottom。实现步骤：1.给想要实现垂直水平居中的子元素添加一个弟弟元素，注意要和当前子元素写在一行上。2.当前子元素和弟弟元素都转换为inline-block元素，display：inline-block;3.给弟弟元素添加和父元素相同的高度。4.给当前子元素和弟弟元素都添加vertical-align：middle;5.给父元素添加t
2021-07-03 15:33:01
318
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人