摘要: 一、动画 @keyframes创建动画; @keyframes myfirst { from{background:red;} to{background:yellow;} } animation:动画名 2s; animate.css扩展文件 二、 6、@media选择器 head头部添加:<me 阅读全文
posted @ 2020-07-06 08:25 summer° 阅读(82) 评论(0) 推荐(0) 编辑
摘要: CSS3 一、边框 border-radius:圆角(IE8之前的浏览器是不支持的) box-shadow:水平阴影的位置 垂直阴影的位置 模糊距离 盒阴影(距离越大越模糊) 二、背景 background-size:背景图片的尺寸 background-origin:content-box(仅限在 阅读全文
posted @ 2020-07-06 08:15 summer° 阅读(92) 评论(0) 推荐(0) 编辑
摘要: 一、浮动 浮动框可以向左或向右移动,直到外边缘碰到包含框或另一个浮动框边框为止。 float:left:左浮动;float:right:右浮动;clear:both:清除浮动; img{float:right} 同级元素要统一都是浮动 清除浮动方法: 1》父级元素后加元素:<div style=”c 阅读全文
posted @ 2020-07-06 08:05 summer° 阅读(107) 评论(0) 推荐(0) 编辑
摘要: 一、高级选择器: 1、通配符选择器;*{font-size:12px;}(适合所有) 2、选择器分组:div,p{}(只适用div下的标签) 3、后代选择器: div a{};(子代以下的都生效) 4、子选择器 div>a{};(只能找到子代的,子代以下的不生效) 5、相邻兄弟选择器div+p{}; 阅读全文
posted @ 2020-07-06 07:54 summer° 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 一、背景: 1、background-color:属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域,扩展到元素边框的外边界(但不包括外边距)。如果边框有透明部分(如虚线边框),会透过这些透明部分显示出背景色。” 2、background-image: 属性为元素设置背景图像。元素的 阅读全文
posted @ 2020-07-06 07:42 summer° 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 一、其他标签: 1、<button>标签是使用来定义一个按钮,在该标签中可以放置一些内容(文本、图像等) 2、<canvas>标签是使用来规定一个图形容器(画布),然后通过脚本( JavaScript等)来绘制图形,比如:绘制路径、盒、圆、字符以及添加图像等。 3、<caption>标签必须紧随 t 阅读全文
posted @ 2020-06-23 17:05 summer° 阅读(328) 评论(0) 推荐(0) 编辑
摘要: 一、框架分为三种:垂直框架、水平框架、内联框架; 1、垂直框架:不能放到body标签中,如果放在body标签里面的话是无法显示框架的。cols代表垂直框架; 2、水平框架:和垂直框架一样不能放在body标签中,如果放到body标签里面的话是也是无法显示框架的。rows是水平框架 ①<frameset 阅读全文
posted @ 2020-06-23 16:59 summer° 阅读(115) 评论(0) 推荐(0) 编辑
摘要: 一、属性:class--规定元素的类名;class的元素是可以重复的;id--规定元素的唯一ID;id的元素是不可以重复的(a标签里可以使用,div里只能用一个id,添加两个id只会显示一个,另一个会显示报错);style--规定元素的行内样式;title--规定元素的额外信息;如:<a href= 阅读全文
posted @ 2020-06-23 16:58 summer° 阅读(428) 评论(0) 推荐(0) 编辑
摘要: 一、Web前端:前端是开发创建web页面或者APP等前端界面呈现给用户的过程,通过HTML,CSS及JS以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。 二、HTML/CSS/JavaScrip现在网页的新标准是W3C,目前的模式是HTML、CSS、Javascript。 ① 阅读全文
posted @ 2020-06-23 16:57 summer° 阅读(98) 评论(0) 推荐(0) 编辑