边框: 盒子圆角:border-radius:5px / 20%; border-radius:5px 4px 3px 2px; 左上,右上,右下,左下。 盒子阴影: box-shadow: box-shadow:x轴偏移量 y轴偏移量 阴影模糊半径(阴影颜色的模糊程度) 阴影扩展半径 阴影颜色 投 ...
分类:
Web程序 时间:
2019-10-31 10:24:53
阅读次数:
276
效果:初始化加载+定时刷新增加数值 相关代码: 容器: 引入js文件: 初始化对象运行: 下面是完整代码: 原文地址:https://github.com/GYFlash/gScrollNumber.js ...
分类:
Web程序 时间:
2019-10-31 00:55:53
阅读次数:
190
::before ::after CSS3中的伪类和伪元素 ::before和::after伪元素的用法 一、介绍 css3为了区分伪类和伪元素,伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first- ...
分类:
Web程序 时间:
2019-10-30 16:52:26
阅读次数:
191
存在和值属性选择器1:[attr]:该选择器选择包含 attr 属性的所有元素,不论 attr 的值为何。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>存在和值属性选择器</title> <style type="text/ ...
分类:
Web程序 时间:
2019-10-30 12:02:25
阅读次数:
108
3 背景属性 大多数HTML元素都允许控制背景,包括背景颜色、背景图像、背景重复、背景附件、背景位置等属性。常见的控制背景属性、值及描述如表2所示。 表2 CSS中常见的控制背景的属性 除了使用表6-2中提供的背景属性控制HTML元素的背景样式,也可以将其简化为使用一行代码解决。通过背景类中的bac ...
分类:
Web程序 时间:
2019-10-29 10:05:11
阅读次数:
101
4 关联选择器 关联选择器只不过是一个用空格隔开的两个或更多的单一选择器组成的字符串。这些选择器可以指定一般属性,而且因为层叠顺序的规则,它们的优先权比单一的选择器大。这种方式只对在第一个元素里关联的第二个元素定义(只要具有关联关系即可,关系的元素中间可以有多层其他HTML元素),对单独的第一个元素 ...
分类:
Web程序 时间:
2019-10-29 09:52:33
阅读次数:
85
CSS中的样式属性比较多,经常使用的属性可以分为这么几类:字体、文本、背景、位置、边框、列表,以及其他一些样式属性。每个类中的属性都可以单独使用;如果同一个类中多个属性一起使用,还可以将它们整合为一行解决。 1 字体属性 通过字体属性可以设置字体的族科,改变字体的大小和风格,也可以调整字体加粗,以及 ...
分类:
Web程序 时间:
2019-10-29 09:42:28
阅读次数:
110
HTML有标签,CSS就有选择器,选择器就是赋予内部或者外部样式表的名字,当查找到一个或多个HTML元素后,再通过声明属性加样式。常用的样式选择器包括:HTML选择器、类选择器、ID选择器、组合选择器、关联选择器、伪类和伪元素。 1 HTML选择器 HTML选择器,即HTML的标签,用来改变一个指定 ...
分类:
Web程序 时间:
2019-10-29 09:30:33
阅读次数:
101
实现效果: 图片轮播,鼠标移入后轮播暂停,移除后轮播继续。 基本原理: 利用Css3 animation动画属性,用transform 实现图片移动。通过图片复制备份,实现的图片的无缝衔接。 核心知识点: 1、@keyframes 通过 @keyframes 规则,您能够创建动画。 Firefox ...
分类:
Web程序 时间:
2019-10-29 00:33:46
阅读次数:
139
浏览器全屏设置 页面header固定设置 浏览器全屏高度设置 注:calc() 函数为CSS3中的一个方法,方便于动态计算模块高度 ...
分类:
其他好文 时间:
2019-10-28 14:56:29
阅读次数:
263