css
Bubble_Qi
这个作者很懒,什么都没留下…
展开
-
苏宁易购自适应屏幕移动端
html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial...原创 2022-05-21 11:32:15 · 582 阅读 · 1 评论 -
携程旅行移动端代码
html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=dev...原创 2022-05-16 21:16:15 · 1646 阅读 · 0 评论 -
浏览器前缀
为了照顾老版本浏览器,需加对应前缀-moz-:firefox浏览器私有属性-webkit-:safari、chrome浏览器私有属性-o-:Opera私有属性-ms-:ie浏览器私有属性原创 2022-04-15 21:55:43 · 83 阅读 · 0 评论 -
关于transform先旋转后移动问题
以下是个人理解这两行代码实现效果一样。。可以理解为:无论是哪种写法都是先在脑子里让它移动,然后再位移。先写移动后写旋转这照片那个写法,代表同级别盒子只有一个三维坐标轴,先让其旋转在...原创 2022-04-15 18:18:52 · 961 阅读 · 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="width=device-width, initial-scale=1.0"> &...原创 2022-04-15 18:16:16 · 182 阅读 · 1 评论 -
css常见选择器权重
选择器权重!importan优先级最高行内样式1000ID 选择器100类、伪类、属性选择器10通配符选择器1原创 2022-04-14 17:30:17 · 200 阅读 · 0 评论 -
盒子阴影box-shadow使用
写法:box-shadow: h-shadow, v--shodow, blur, spread, color inset;解释:box-shadow: 水平阴影,垂直阴影, 虚实,阴影大小, 颜色(写成透明), outset(默认为外部阴影,inset为外部阴影,但是outset不可写入,否则代码为无效)/* 盒子阴影不会占用其他盒子的大小 */<!DOCTYPE html><html lang="en"><head> <meta ch原创 2022-04-12 16:53:02 · 304 阅读 · 0 评论 -
品优购网页案例
网页已上传到服务器,可通过域名直接访问。代码在下一个文章访问网址域名:http://luxiaobai.cn3v.work/首页列表页面注册页面原创 2022-04-09 21:02:09 · 71 阅读 · 0 评论 -
子盒子水平居中
父盒子text-align: center;子盒子变为行内块display: inline-block;原创 2022-04-05 23:17:35 · 48 阅读 · 0 评论 -
利用transition做图片转换
效果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...原创 2022-04-01 23:09:17 · 189 阅读 · 0 评论 -
防止拖曳文本域与去掉默认蓝色边框
html代码<textarea name="" id="" cols="30" rows="10"></textarea>css中添加代码textarea { /* 去掉蓝色边框 */ outline: none; /* 防止拖曳文本域 */ resize: none; }...原创 2022-03-29 22:15:42 · 157 阅读 · 0 评论 -
去除input表单出现的蓝色边框轮廓
html<input type="text">css中添加代码就可消除outline: none;原创 2022-03-29 22:08:05 · 508 阅读 · 0 评论