css
关注
分享
扫一扫
web_blog
IT程序员一名
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css实现气泡文字提示框
css实现气泡文字提示框原创 2021-10-20 14:36:18 · 776 阅读 · 0 评论 -
淘宝css样式初始化代码
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }h1, h2, h3, h4,原创 2021-03-27 09:50:47 · 394 阅读 · 0 评论 -
在移动端a、input、label等标签点击后会出现背景阴影问题
解决方法：将a,input,label{-webkit-tap-highlight-color:rgba(255,0,0,0);} 背景设置成透明的就解决了。原创 2021-03-27 09:44:49 · 337 阅读 · 0 评论 -
改造input
效果图<!DOCTYPE html><html lang="en"> <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>改造i原创 2021-03-27 08:47:34 · 214 阅读 · 0 评论 -
vue-cli 3.0集成sass/scss到vue项目
尝鲜使用vue-cli 3.0.0-beta.6，很容易就可以完成scss到vue项目中。vue-cli 3提供了两种方式集成sass/scss：创建项目是选择预处理器sass手动安装sass-loader创建项目选择预处理器sass$ vue create vuedemo? Please pick a preset: (Use arrow keys)default (babel, eslint)Manually select features移动上下键选择“Manually selec原创 2021-03-26 16:09:51 · 322 阅读 · 1 评论 -
CSS中设置border属性为0与none的区别
在我们设置CSS的时候，对标签元素不设置边框属性或者取消边框属性一般设置为：border:none;或border:0;两种方法均可。border:none;与border:0;的区别体现有两点：一是理论上的性能差异；二是浏览器兼容性的差异。1.性能差异【border:0;】把border设为“0”像素虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width/border-color进行了渲染，即已经占用了内存值。【border:none;】把border设为“none”原创 2021-03-05 13:47:26 · 449 阅读 · 0 评论 -
display:none和visibility:hidden两者的区别
使用css让元素不可见的方法有很多种，裁剪、定位到屏幕外边、透明度变换等都是可以的。但是最常用两种方式就是设置元素样式为display: none或者visibility: hidden。很多公司的面试官也常常会问面试者这两者之间的区别。display与元素的隐藏如果给一个元素设置了display: none，那么该元素以及它的所有后代元素都会隐藏，它是前端开发人员使用频率最高的一种隐藏方式。隐藏后的元素无法点击，无法使用屏幕阅读器等辅助设备访问，占据的空间消失。<body> &l原创 2021-03-05 13:45:25 · 264 阅读 · 0 评论 -
CSS改变input光标颜色
在使用 input 输入框时，我们可能会遇到需要给其设置光标颜色的情况。谷歌浏览器的默认光标颜色是黑色的，GitHub 上的光标却是白色，那么这个用 CSS 怎么改变呢? 上面描述的情景有两种实现方式：1.使用color来实现光标的颜色是继承自当前输入框字体的颜色，所以用 color 属性即可改变：input{ color:red;}2.使用caret-color来实现上一种方式已经修改了光标的颜色但是字体的颜色也改变了，如果只想改变光标的颜色而不改变字体的颜色那就使用 caret原创 2020-10-10 11:12:10 · 1511 阅读 · 0 评论 -
关于height:100%和height:100vh的区别
关于height:100%和height:100vh的区别vh就是当前屏幕可见高度的1%，也就是说height:100vh == height:100%;但是当元素没有内容时候，设置height:100%，该元素不会被撑开，此时高度为0，但是设置height:100vh，该元素会被撑开屏幕高度一致。...原创 2020-08-04 16:41:52 · 1606 阅读 · 1 评论 -
css动态设置宽高
css 中可以使用 calc() 来动态设置宽高，但是，在表达式中运算符的前后必须要有空格height:calc(100vh - 80px)原创 2020-08-25 15:04:36 · 3374 阅读 · 0 评论