CSS
正在修炼的IT大佬
迎难而上,知难而进。做难事,必有所得。
展开
-
开关 按钮 CSS 样式 1
【HTML】 <input type="checkbox" name="" id="obj" class="chooseBtn" /> <label for="obj" class="choose-label"></label>【CSS】 ....原创 2019-04-07 00:00:31 · 587 阅读 · 0 评论 -
开关 按钮 CSS 样式 2
【HTML】<div class="layui-form-item"><!--一行--> <label class="layui-form-label">外置接口:</label> <div class="layui-input-block"> ...原创 2019-04-07 01:06:17 · 169 阅读 · 0 评论 -
利用css 使div上下左右移动
在html中,有时需要使某个div上下左右移动,使div元素位置产生偏移。本文使用了css3的transform:translate(X,Y),和css的相对定位来实现div元素的偏移。一、使用css3 transform:translate(X,Y)来偏移元素 ①transform属性应用于元素的2D或3D转换,这个属性允许你将元素旋转,缩放,移动,倾斜等。其基本属性如下所示:...原创 2019-04-07 01:11:55 · 12247 阅读 · 0 评论 -
修改CSS样式的两种思路
【思路一】通过检查(inspect)元素,找到css源文件、行数、要修改的属性值,然后在此css文件最下方,重写style覆盖样式。【思路二】通过检查(inspect)元素,找到css源文件、行数、要修改的属性值,然后新建css文件,利用class id等选择器新建自己的样式,然后覆盖到html的DOM节点。...原创 2019-04-07 23:23:37 · 1677 阅读 · 0 评论 -
bootstrap栅栏系统css中的col-xs-*,col-sm-*,col-md-* 的意义
【摘要】bootstrap栅栏系统css中的col-xs-*,col-sm-*,col-md-* 的意义:.col-xs-*超小屏幕手机(768px),.col-sm-*小屏幕平板(≥768px),.col-md-*中等屏幕桌面显示器【首先说明】1、col-列;2、xs-maxsmall,超小;sm-small,小;md-medium,中等;3、-*表示占列,即占自动每行ro...原创 2019-04-09 10:18:06 · 484 阅读 · 0 评论