CSS实现选中打钩（√）样式
摘要：第一种，使用伪标签 <span className={'check-style-1'}></span> .check-style-1 { display: inline-block; position: relative; height: 40px; width: 40px; border: 2px
阅读全文
posted @ 2021-10-20 17:40
随笔分类 - CSS
1
CSS实现关闭叉叉按钮
摘要：按钮参考 标签： <div className={'close-img-shade'}></div> 样式： .close-img-shade::before, .close-img-shade::after { content: ''; position: absolute; height: 2p
阅读全文
posted @ 2021-10-20 16:50
转: 动态加载、移除js、css文件
摘要：使用示例： loadjscssfile("myscript.js","js") loadjscssfile("javascript.PHP","js") loadjscssfile("mystyle.css","css") //移除js、css 使用示例： removejscssfile("some
阅读全文
posted @ 2019-07-22 16:45
动态加载、移除css文件
摘要：修改样式有通过修改class属性来更改，也可以通过动态引入外部的css文件来改变对应的样式展示。 这里就介绍动态引入、移除css文件
阅读全文
posted @ 2019-07-22 16:39
转: rem与px的转换
摘要：rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值，这个参考值设置为多少，完全可以根据您自己的需求来定。· 我们知道，浏览器默认的字号16px，来看一些px单位与rem之间的转换关系： 为了方便计算，时常将在<html>元素中设置font-size值为62.5%:· 相
阅读全文
posted @ 2018-12-12 15:48
转: CSS3 @media 用法总结
摘要：一、首先是<meta>标签 这段代码的几个参数解释： width = device-width：宽度等于当前设备的宽度 initial-scale：初始的缩放比例（默认设置为1.0） minimum-scale：允许用户缩放到的最小比例（默认设置为1.0） maximum-scale：允许用户缩放到
阅读全文
posted @ 2018-09-24 17:40
转：display：flex不兼容Android、Safari低版本的解决方案 【flex布局】
摘要：原文: https://blog.csdn.net/sq2879897094/article/details/80593293
阅读全文
posted @ 2018-09-13 14:32
css实现角标
摘要：效果图： 简单方式可以使用背景图片，但这里我使用的css来实现，最笨的方式是使用矩形div然后旋转遮挡就可以， <div class='checked-item'> 角标实现 <div class="replace-item"> <div class="jiao"></div> <div class
阅读全文
posted @ 2018-09-07 18:56
实现table的单线边框的办法
摘要：实现table的单线边框的办法 现在给出效果图： 实现方法： table { font-size: 13px; width: 100%; border-collapse: collapse; /*该属性是设置table单行显示*/ tr, th, td { border: 1px solid #c0
阅读全文
posted @ 2018-08-18 17:06
使用rgba设置输入框背景透明
摘要：项目中遇到要求输入框的背景设置透明度，但文字不受影响，如下图 输入框使用input标签 但背景还是没有实现透明度，接下来使用浏览器的开发者工具，例如google浏览器 首先给输入框增加一个background-color，然后使用开发者工具获取该元素，调整背景色的透明度，会看到background-
阅读全文
posted @ 2018-08-08 16:28
转： HTML5之placeholder属性以及如何更改placeholder属性中文字颜色
摘要：今天在群里看到群友问了一个这样的问题，就是如何更改placeholder属性中文字的颜色，以前用过这属性，却是没更改过颜色，于是便试了试，中途遇到些问题，查找资料后特来总结一下。 熟悉HTML5的人应该都知道，placeholder这个属性是HTML5中新增的属性，该属性的作用是规定可描述输入字段预
阅读全文
posted @ 2018-08-08 15:56
JS 实现分页打印
摘要：在调用window.print()时，可以实现打印效果，但内容太多时要进行分页打印。 在样式中有规定几个打印的样式 page-break-before和page-break-after CSS属性并不会修改网页在屏幕上的显示，这两个属性是用来控制文件的打印方式。 每个打印属性都可以设定4种设定值：a
阅读全文
posted @ 2017-05-25 11:29
HTML 样式兼容不同设备类型
摘要：在项目中遇到在屏幕上显示的效果和打印时显示的效果不同，可以使用media属性来指定用于不同的媒介时使用的样式。 media属性值: 定义和用法 media 属性规定被链接文档将显示在什么设备上。 media 属性用于为不同的媒介类型规定不同的样式。 浏览器支持 所有浏览器都支持值为 "screen"
阅读全文
posted @ 2017-05-25 11:20
CSS中浏览器开发商特定的CSS属性
摘要：浏览器制造商（像Microsoft、Mozilla等，还有WebKit的后台人员等）通常会为他们的浏览器增加新的功能来测试新的特性， 或者实现一直在考虑但还没有得到标准组织批准的CSS扩展。在这些情况下，开发商会创建类似这样的CSS属性： -moz-transform: 第一个是短横线"-"；第二个
阅读全文
posted @ 2016-11-14 17:49
CSS属性选择器
摘要：兄弟选择 结合选择器 ******** 只是一小部分，还待记录
阅读全文
posted @ 2016-11-14 17:17
样式link属性media用法--媒体类型查询
摘要：引用外部样式使用link 你可能想针对将要显示页面的设备类型(桌面PC、笔记本电脑、平板电脑、手机或者甚至页面的印刷版本)来调整页面的样式，可以利用一个media属性， 在<link>元素中增加这个属性，只使用适用于指定设备的样式文件。 查询中有很多属性可以使用，如依赖设备实际屏幕的大小(min-d
阅读全文
posted @ 2016-11-11 15:45
div一直浮动在页面的底部
摘要：永远在底部是那种无论滚动条怎么拉，都可以看见悬浮在底部的那种，如果是那种，是用固定定位做的。另外注意页面中最后的元素或者body要空出固定条的高度，不然最后的元素会被遮挡。
阅读全文
posted @ 2016-11-02 11:17
css选择器
摘要：0.通配符选择器：* 说明: 该选择器可以与任何元素匹配 * {color:red;} 1.标签选择器[元素选择器]: 说明: 使用元素名来设置样式 div { color:#ff0000; }2.分组选择器： 说明:逗号分隔的元素都会被设置css样式 div,p,ul,input { color:#ff0000; }3....
阅读全文
posted @ 2016-10-20 17:58
CSS样式的插入方式
摘要：1.外部样式： 当样式需要应用于很多页面时，外部样式表将是理想的选择。 2.内部样式 当单个文档需要特殊的样式时，就应该使用内部样式表 3.内联样式 This is a paragraph 4.样式引用 @import url（） 对@import url（）做一下总结： (1) @import url（）机制是不同于link的，link是...
阅读全文
posted @ 2016-10-20 16:17
Border-radius属性--设置圆角边框
摘要：border-radius：该属性允许您为元素添加圆角边框！ 语法 注释：按此顺序设置每个 radii 的四个值。如果省略 bottom-left，则与 top-right 相同。如果省略 bottom-right，则与 top-left 相同。如果省略 top-right，则与 top-left
阅读全文
posted @ 2016-10-20 10:49
1
浙公网安备 33010602011771号