CSS style
关注
分享
扫一扫
文章平均质量分 56
一些关于 CSS 样式的写法和UI组件（如 ElementUI）默认样式的调整
June·DD
0.0
展开
-
微信小程序使用 checkbox 如何修改样式？
主要通过 wx-checkbox-input 、wx-checkbox-input-checked 以及 wx-checkbox-input-checked::before 三个类名来设置 checkbox 的样式原创 2022-09-15 14:55:52 · 5305 阅读 · 1 评论 -
微信小程序引入 iconfont 图标
下图的左上角有三种模式，Unicode、Font class 和 Symbol。选中 Font class 模式，然后点击【点击复制代码】下面的链接，将链接里面的代码（如图二）复制到项目里即可。 之前我都是用的 Font class 模式，但是上星期 iconfont 官网维护之后，我加了新图标更新代码的时候弹出了下面的提示，说要下载至本地使用。 小程序上我还没用过本地的 iconfont 图标，于是我就去百度怎么引入，有些博客说小程序不支持加在本地字体文件，要转成 Base64 的格式引入才可以原创 2022-06-20 21:54:59 · 822 阅读 · 0 评论 -
自适应列表页的两种实现
自适应的列表页布局结构原创 2022-05-15 22:52:05 · 650 阅读 · 0 评论 -
CSS 拼色背景
利用 CSS3 渐变（Gradients）来实现背景色色彩拼盘<!DOCTYPE html><html><head> <title></title> <style type="text/css"> .box{ margin: 100px auto; width: 600px; height: 300px; background: linea原创 2021-10-30 11:00:46 · 783 阅读 · 0 评论 -
CSS 滚动条样式美化
滚动条主要属性::-webkit-scrollbar：滚动条整体部分::-webkit-scrollbar-thumb：滚动条里面的滑块::-webkit-scrollbar-track： 滚动条的轨道::-webkit-scrollbar-button： 滚动条轨道两端的按钮，允许通过点击微调滑块的位置::-webkit-scrollbar-track-piece：内层轨道，滚动条中间部分::-webkit-scrollbar-corner：边角，及两个滚动条的交汇处::-webkit-r原创 2021-07-30 17:56:14 · 1588 阅读 · 0 评论 -
HTML+CSS 练习——天猫首页
前端小白的练习 主要就是练练布局、加深加深对各种 css 属性功能和用发的记忆 基本实现了天猫首页的所有布局效果吧（个别没有实现，感觉不用 js 搞不了），具体效果如下视频...原创 2020-08-03 10:22:13 · 1675 阅读 · 2 评论 -
如何在CSS中实现父选择器效果？
一、为何CSS不支持父选择器？ 这个问题的答案和“为何CSS相邻兄弟选择器只支持后面的元素，而不支持前面的兄弟元素？”是一样的。 浏览器解析HTML文档，是从前往后，由外及里的。所以，我们时常会看到页面先出现头部然后主体内容再出现的加载情况。 但是，如果CSS支持了父选择器，那就必须要页面所有子元素加载完毕才能渲染HTML文档，因为所谓“父选择器”，就是后代元素影响祖先元素，如果后代元素还没加载处理，如何影响祖先元素的样式？于是，网页渲染呈现速度就会大大减慢，浏览器会出现长时间的白板。加载多少..转载 2020-07-22 15:15:27 · 3929 阅读 · 1 评论 -
outline属性-关于input获取焦点时的边框(划去，其实是轮廓)设置
直入正题点这里 今天跟着视频做静态网页练习的时候，有用到 <input> 标签做查询输入框。因为代码是跟着视频来写的，所以布局的样式都没啥毛病，但是当我点击输入框，让其获得焦点时，输入框就会显示出来一个黑色的边框（如下图）。 看到这个框框我就很纳闷，我根本没有设置这样的属性啊！这个莫名其妙的黑色框框是哪里来的？难道我少写了什么代码？ 抱着这样的疑问，我又重新看了一遍视频中的相关部分，发现我的代码跟视频中的一模一样，可是视频中老师并没有讲到关于这个框框的问题，他在写好这部分代码后压根原创 2020-07-11 22:06:22 · 8774 阅读 · 4 评论 -
HTML观鸟网小练习
刚学了几天，算是把常用的HTML标签过了一遍，于是乎在网上找了一个简单网页练练手。比较简单的一个网页，很适合我这种刚学的，可以很好的熟悉熟悉标签，练练布局啥的。《原网页在这里》 我写了两个版本，第一个是用 table 进行布局的，写完后去跟原网页的源码比较，结果发现人家的布局样式啥的是用的外部 CSS 文件，而我还没学到这个，所以看到前几行我就一脸萌币了... 第二个版本是用 div 进行布局的，因为视频里都说 table 真正的功能不是用来布局的，div 才是，所以就用 div 的方式又写了原创 2020-07-05 17:51:08 · 816 阅读 · 2 评论