随笔分类 -  css

移动端checkbox不显示的问题
摘要：给input的css样式里加： display: block; width: 20px; height: 20px; -webkit-appearance: checkbox; -moz-appearance: checkbox; 阅读全文
posted @ 2022-07-13 17:17 一梦梦 阅读(253) 评论(0) 推荐(0)
input和button在同一行时，没有水平对齐的情况
摘要：1.给button加浮动 2.给button加定位 3.给button加vertical-align: middle 4.两个元素都加display: inherit; 5.两个元素用行内块元素display: inline-block ，再加vertical-align: top，外面包裹的div 阅读全文
posted @ 2021-09-06 17:25 一梦梦 阅读(108) 评论(0) 推荐(0)
遇到弹出层覆盖全屏，但背景部分还存在滚动条时的解决方法
摘要：遇到弹出层覆盖全屏，但背景部分还存在滚动条时， 解决办法： 弹出层用定位，给body设置overflow:hidden即可。 阅读全文
posted @ 2020-12-18 16:39 一梦梦 阅读(417) 评论(0) 推荐(0)
swiper修改分页器样式
摘要：css中，在.swiper-pagination-bullet-active{}中修改就ok。 默认样式为： .swiper-pagination-bullet-active { background-color: #e8561a; width: 20px; border-radius: 20px; 阅读全文
posted @ 2020-11-24 11:41 一梦梦 阅读(4107) 评论(0) 推荐(0)
css两端对齐多种方法全部失效的原因。
摘要：今天碰到的一个问题，写移动端页面时，用了三种两端对齐的方法全部失效。找了一个多小时。最后发现是一行代码的问题。 <html lang="en">里的 lang="en" 删掉，两端对齐就有作用了。 阅读全文
posted @ 2020-10-21 17:21 一梦梦 阅读(490) 评论(0) 推荐(0)
css两端对齐
摘要：1.必须写宽度 （ 如：width：130px） 2.必须写上这两行代码 text-align: justify; text-align-last: justify; 效果为： 阅读全文
posted @ 2020-10-12 09:25 一梦梦 阅读(201) 评论(0) 推荐(0)
行级元素和块级元素
摘要：块级：占据整行，可设置宽高，可自动换行常见的块级：div，p，h1-h6，ul，li，dl（定义列表，跟ul…li类似），dt（定义了定义列表中的项目），dd（定义描述项目的内容，跟dt一起搭配） 行级：不占据整行可以和其他元素同行，不可设置宽高，不可自动换行常见的行级：a，span，strong， 阅读全文
posted @ 2020-09-18 17:46 一梦梦 阅读(429) 评论(0) 推荐(0)
swiper修改轮播图箭头的大小和颜色
摘要：<style type="text/css"> .swiper-container{ --swiper-theme-color: #ff6600;/* 设置Swiper风格 */ --swiper-navigation-color: #00ff33;/* 单独设置按钮颜色 */ --swiper-n 阅读全文
posted @ 2020-09-18 17:10 一梦梦 阅读(4213) 评论(0) 推荐(0)
阴影、内阴影、外阴影、单边阴影、双边阴影等
摘要：inset：默认阴影在边框外。使用 inset 后，阴影在边框内（即使是透明边框），背景之上内容之下。也有些人喜欢把这个值放在最后，浏览器也支持。 <offset-x> <offset-y>：这是头两个 <length>值，用来设置阴影偏移量。<offset-x> 设置水平偏移量，如果是负值则阴影位 阅读全文
posted @ 2020-09-17 12:01 一梦梦 阅读(1438) 评论(0) 推荐(0)
link和@import的区别
摘要：本质上，这两种方式都是为了加载css文件，但还是存在细微的差别。 差别1：老祖宗的差别，link属于XHTML标签，而@import完全是css提供的一种方式。 link标签除了可以加载css外，还可以做很多其他的事情，比如定义RSS，定义rel连接属性等，@import只能加载CSS。 差别2：加 阅读全文
posted @ 2019-12-16 14:19 一梦梦 阅读(331) 评论(0) 推荐(0)
CSS重绘和重排(回流)
摘要：一、什么是重绘Repaint和重排 （回流 reflow） 重绘:当元素的一部分属性发生改变，如外观、背景、颜色等不会引起布局变化，只需要浏览器根据元素的新属性重新绘制 ，使元素呈现新的外观叫做重绘。 重排（回流）:当render树中的一部分或者全部因为大小边距等问题发生改变而需要DOM树重新计算的 阅读全文
posted @ 2019-12-16 13:51 一梦梦 阅读(3968) 评论(0) 推荐(0)
css布局
摘要：css布局 默认的流式布局 浮动布局 float 元素浮动后 还是 block元素 flex弹性盒模型布局(3个版本，在android4.4版本下需要兼容当前的标准语法) 声明父容器布局方案采用flex 声明子元素的排列方式（主轴和交叉轴方向） 声明子元素排列的方向 flex-direction 是 阅读全文
posted @ 2019-12-02 11:13 一梦梦 阅读(145) 评论(0) 推荐(0)