随笔分类 -  css

摘要:给input的css样式里加: display: block; width: 20px; height: 20px; -webkit-appearance: checkbox; -moz-appearance: checkbox; 阅读全文
posted @ 2022-07-13 17:17 一梦梦 阅读(252) 评论(0) 推荐(0)
摘要: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 一梦梦 阅读(107) 评论(0) 推荐(0)
摘要:遇到弹出层覆盖全屏,但背景部分还存在滚动条时, 解决办法: 弹出层用定位,给body设置overflow:hidden即可。 阅读全文
posted @ 2020-12-18 16:39 一梦梦 阅读(417) 评论(0) 推荐(0)
摘要:css中,在.swiper-pagination-bullet-active{}中修改就ok。 默认样式为: .swiper-pagination-bullet-active { background-color: #e8561a; width: 20px; border-radius: 20px; 阅读全文
posted @ 2020-11-24 11:41 一梦梦 阅读(4104) 评论(0) 推荐(0)
摘要:今天碰到的一个问题,写移动端页面时,用了三种两端对齐的方法全部失效。找了一个多小时。最后发现是一行代码的问题。 <html lang="en">里的 lang="en" 删掉,两端对齐就有作用了。 阅读全文
posted @ 2020-10-21 17:21 一梦梦 阅读(489) 评论(0) 推荐(0)
摘要: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)
摘要:<style type="text/css"> .swiper-container{ --swiper-theme-color: #ff6600;/* 设置Swiper风格 */ --swiper-navigation-color: #00ff33;/* 单独设置按钮颜色 */ --swiper-n 阅读全文
posted @ 2020-09-18 17:10 一梦梦 阅读(4212) 评论(0) 推荐(0)
摘要:inset:默认阴影在边框外。使用 inset 后,阴影在边框内(即使是透明边框),背景之上内容之下。也有些人喜欢把这个值放在最后,浏览器也支持。 <offset-x> <offset-y>:这是头两个 <length>值,用来设置阴影偏移量。<offset-x> 设置水平偏移量,如果是负值则阴影位 阅读全文
posted @ 2020-09-17 12:01 一梦梦 阅读(1435) 评论(0) 推荐(0)
摘要:本质上,这两种方式都是为了加载css文件,但还是存在细微的差别。 差别1:老祖宗的差别,link属于XHTML标签,而@import完全是css提供的一种方式。 link标签除了可以加载css外,还可以做很多其他的事情,比如定义RSS,定义rel连接属性等,@import只能加载CSS。 差别2:加 阅读全文
posted @ 2019-12-16 14:19 一梦梦 阅读(330) 评论(0) 推荐(0)
摘要:一、什么是重绘Repaint和重排 (回流 reflow) 重绘:当元素的一部分属性发生改变,如外观、背景、颜色等不会引起布局变化,只需要浏览器根据元素的新属性重新绘制 ,使元素呈现新的外观叫做重绘。 重排(回流):当render树中的一部分或者全部因为大小边距等问题发生改变而需要DOM树重新计算的 阅读全文
posted @ 2019-12-16 13:51 一梦梦 阅读(3968) 评论(0) 推荐(0)
摘要:css布局 默认的流式布局 浮动布局 float 元素浮动后 还是 block元素 flex弹性盒模型布局(3个版本,在android4.4版本下需要兼容当前的标准语法) 声明父容器布局方案采用flex 声明子元素的排列方式(主轴和交叉轴方向) 声明子元素排列的方向 flex-direction 是 阅读全文
posted @ 2019-12-02 11:13 一梦梦 阅读(145) 评论(0) 推荐(0)