css
关注
分享
扫一扫
wangatong
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ajax请求
ajax原创 2022-07-24 15:31:52 · 545 阅读 · 0 评论 -
css 网格布局
网格布局原创 2022-07-14 11:07:57 · 238 阅读 · 0 评论 -
vite rem
在根目录添加postcss.config.jsmodule.exports = { plugins: { 'postcss-px2rem': { rootValue: 75, propList: ['*'], unitPrecision: 5 } }}原创 2022-04-11 10:56:23 · 454 阅读 · 0 评论 -
css 雪碧图（精灵图）动画
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title>原创 2022-04-10 14:20:10 · 591 阅读 · 0 评论 -
css3 鼠标移动到上方增加阴影增加往前移动
<!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"> <title>Document<原创 2022-04-06 16:27:08 · 492 阅读 · 0 评论 -
css3 当鼠标悬停显示阴影
<!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"> <title>Document<原创 2022-04-06 15:17:55 · 507 阅读 · 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"> <title>Document<原创 2022-04-06 11:04:11 · 913 阅读 · 0 评论 -
css 渐变
从透明色到黑色background-image:linear-gradient(transparent,rgba(0,0,0,0.6))原创 2022-04-05 16:42:32 · 331 阅读 · 0 评论 -
CSS 翻转特效
<!DOCTYPE html><html><head><meta charset="utf-8"><title>css3</title></head><body><style>*{ margin:0; padding:0;}ul,li{ list-style:none; margin:0; padding:0;}.brandsShow{ width:1原创 2022-04-02 15:22:47 · 870 阅读 · 0 评论 -
css3 引入外连接
当不知道是页面是https还是http引入的方式可以这样写<script src="//github.com/js/index.js"></script>原创 2022-03-10 14:41:21 · 209 阅读 · 0 评论 -
css3 自动内减忽略border和padding的影响
box-sizing:border-box;原创 2022-02-18 17:47:43 · 1110 阅读 · 0 评论 -
css3 文本第二行缩进
text-indent: -1.1em;margin-left: 1em;原创 2022-02-16 16:05:13 · 1358 阅读 · 0 评论 -
css元素显示模式
1.块级元素属性：display:block特点：1.独占一行(一行只能显示一个)2.可设置宽高3.宽度默认是父元素的宽度，高度默认是内容撑开标签有：div,p,h系列，ul,li,dl,dt,dd,form,footer,nav,header2.行内元素属性：display:inline特点：1.一行显示多个2.不可设置宽高3.宽度和高度默认由内容撑开标签有:a,span,em,strong3.行内块元素属性：display:inline-block特点：1.一行显示多个2.原创 2022-02-13 13:41:19 · 167 阅读 · 0 评论 -
css居中方法
水平居中text-align:center让文本，行内元素，行内块元素居中margin:o auto让块级元素居中垂直居中line-height:文本高度原创 2022-02-13 13:40:43 · 219 阅读 · 0 评论 -
css背景颜色和图片
背景颜色透明background-color:rgba(0,0,0,0);background-color:transparent;背景图片平铺backgrond-image:url('') no-repeat;background-repeat:no-repeat;background-position:center center背景连写形式backgound：#000 url('') no-repeat center center...原创 2022-02-13 13:00:42 · 522 阅读 · 0 评论 -
css选择器
id选择器#title{color：black}选择器类选择器.title{color:black}选择器标签选择器p{color：black}选择器通配符选择器**{color：black}后代选择器(所有满足条件的)div span {color:red;}子代选择器(满足条件第一个才生效)div > span{color:red;}This is a important heading并集选择器.ht,.para{ color: red;}我是头我是原创 2022-02-12 17:20:00 · 298 阅读 · 0 评论 -
css基础样式
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0;}table { border-collapse: collapse; border-spacing: 0;}ol,ul { list-style: none;}a { color: #6原创 2022-01-14 10:46:24 · 318 阅读 · 0 评论 -
css去除元素点击后的高亮
-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;原创 2022-01-06 11:17:14 · 1106 阅读 · 0 评论