//h5有个小bug 1像素边框过粗,其实有个解决方案,就是利用伪元素:after,结合css3中的scale在y轴方向缩放0.5就行了 //父元素 //删除border-bottom,添加position:relative,伪元素定位用。 - border-bottom:1px solid yel ...
分类:
移动开发 时间:
2020-01-04 20:29:12
阅读次数:
126
IE 8及以下不支持 IE9 谷歌浏览器等支持CSS3的可以实现 (选中标签内文字,即可查看文本颜色和背景色) p::-moz-selection{background:#000;color:#f00;} p::selection{background:#000;color:#f00;} ...
分类:
Web程序 时间:
2020-01-04 12:35:56
阅读次数:
100
前端学习目标 基础课程:HTML + CSS javaScript DOM BOM AJAX HTML5 + CSS3 应用课程:jQuery easyUI 移动端开发 响应式开发 PHP基础 H5UI bootstrap less/stylus 模板引擎 swiper iscroll select ...
分类:
其他好文 时间:
2020-01-04 01:37:54
阅读次数:
287
Bootstrap4 提供了一些小工具,可以让我们不用写 CSS 代码就能实现想要的效果。一、边框使用 border 类可以添加或移除边框:尝试一下 »二、边框颜色Bootstrap4 提供了一些类来设置边框颜色:尝试一下 »三、边框圆角设置使用rounded 类可以添加圆角边框:尝试一下 »四、浮... ...
分类:
其他好文 时间:
2020-01-02 18:25:05
阅读次数:
82
CSS3(3) 2D变形(transform) 2D变形是CSS3中具有颠覆性的特征之一,它常用的属性有: (translate)、 (scale)、 (rotate)、 (skew)。 一、2D变形语法 1、移动 (translate) 移动的属性: 比如设置为: 运行结果 从上面运行结果可以看出 ...
分类:
Web程序 时间:
2020-01-01 23:22:41
阅读次数:
133
什么是媒体查询 媒体查询(Media Query)是CSS3新语法。 + 使用 @media查询,可以针对不同的媒体类型定义不同的样式 + @media 可以针对不同的屏幕尺寸设置不同的样式 + 当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面 + 目前针对很多苹果手机、And ...
分类:
其他好文 时间:
2019-12-31 21:56:00
阅读次数:
79
1. rotate 旋转 旋转指的是让元素在二维平面内顺时针或者逆时针旋转 2. 语法、使用步骤: (1)给元素添加转换属性 (2)属性值为 , 如 顺时针方向旋转 30度 3. 重点知识点 里面跟度数,单位是 角度为正时,顺时针,角度为负时,逆时针 默认旋转的中心点是元素的中心点 4. 代码演示 ...
分类:
Web程序 时间:
2019-12-31 20:10:42
阅读次数:
105
语法: ~~~css box shadow:水平阴影 垂直阴影 模糊距离(虚实) 阴影尺寸(影子大小) 阴影颜色 内/外阴影; ~~~ 前两个属性是必须写的,其余的可以省略。 h shadow:值为正数时,阴影往右移动,反之,往左移动。 v shadow:值为正数时,阴影往下移动,反之,往上移动。 ...
分类:
Web程序 时间:
2019-12-31 18:37:12
阅读次数:
73
在使用HTML5+CSS3进行页面布局时,可以进行排列不同的形式。那么,如何设置元素为水平垂直居中显示呢? 工具/原料 CSS3 HTML5 HBuilderX 截图工具 浏览器 方法/步骤 1 双击打开HBuilderX开发工具,新建一个HTML5页面,输入文件名并点击创建按钮 2 打开已新建文件 ...
分类:
Web程序 时间:
2019-12-31 18:25:14
阅读次数:
89
if (!function_exists('gene_poster')) { function gene_poster($param) { $user = User::where(['id' => $param['user_id']])->find(); $link = "http://".$_SE... ...
分类:
Web程序 时间:
2019-12-31 14:40:16
阅读次数:
294