摘要: 阅读全文
posted @ 2020-10-22 00:31 0龙行者0 阅读(65) 评论(0) 推荐(0) 编辑
摘要: diaplay: block 基本特性 1、块级元素的宽度按文本方向填充所有可用空间。 2、块级元素的高度是根据内容高度自动计算的。 3、块级元素总是从新行开始。 盒模型特性 4、width(宽度)和height(高度)属性可以应用于块级元素。 5、padding(内边距)和border(边框)属性 阅读全文
posted @ 2020-10-22 00:02 0龙行者0 阅读(71) 评论(0) 推荐(0) 编辑
摘要: 具有定位的元素的层级, 默认是后面的元素比前面的元素的层级高 (这是对同级元素来说) 标准流盒子低于浮动的盒子,浮动的盒子又低于定位的盒子。定位(relative,absolute,fixed)高于浮动,浮动高于标准流。 给定z-index的值为层级的值时。(不给默认为0) 》 (层级为0的盒子,也 阅读全文
posted @ 2020-10-21 23:37 0龙行者0 阅读(517) 评论(0) 推荐(0) 编辑
摘要: 文档流指的是元素排版布局过程中,元素会默认自动从左往右,从上往下的流式排列方式。并最终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素。 浮动会使元素脱离标准文档流, 从而导致容器塌陷 浮动元素的特点: 脱离标准文档流 >后来又发现, 这一条是成立的, 但是, 需要配合最后一条规则 不会自动 阅读全文
posted @ 2020-10-21 08:05 0龙行者0 阅读(110) 评论(0) 推荐(0) 编辑
摘要: 如果属性border-radius:50%, 采用类似的百分比的形式, 则是分别按照长和宽的像素乘以百分比 例如: 1 div{ 2 width:200px; 3 height:100px; 4 border-radius:50% 5 } 6 7 等价于 8 9 div{ 10 width:200p 阅读全文
posted @ 2020-10-20 19:39 0龙行者0 阅读(359) 评论(0) 推荐(0) 编辑
摘要: 当所有的布局有关参数都设置完成之后, 肯定会有一部分参数引起冲突, 冲突时, 哪些参数会保留, 哪些参数会被舍去? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> 阅读全文
posted @ 2020-10-20 14:40 0龙行者0 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2020-10-20 10:53 0龙行者0 阅读(67) 评论(0) 推荐(0) 编辑
摘要: nth-of-type只是针对元素进行选择, 如果通过类名进行筛选, 就会疯狂不对 正确: 错误: 当子元素都是同一种标签时, 用两种进行筛选都可以 当子元素不是同一种标签是, 用nth-of-type更好一点 阅读全文
posted @ 2020-10-20 10:26 0龙行者0 阅读(290) 评论(0) 推荐(0) 编辑
摘要: ###canvas中的变换 translate(x, y) 我们先介绍 translate 方法,它用来移动 canvas的原点到一个不同的位置。 translate 方法接受两个参数。x 是左右偏移量,y 是上下偏移量, 在canvas中translate是累加的 rotate(angle) 这个 阅读全文
posted @ 2020-10-15 22:24 0龙行者0 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 不知道什么原因, 每一次使用getElementById()都无法获取canvas对象, 所以会使用querySelector()来获取 但是要注意获取上下文对象时, 要判断一下, canvas对象是否存在 var mycanvas = document.querySelector("#mycanv 阅读全文
posted @ 2020-10-15 21:48 0龙行者0 阅读(565) 评论(0) 推荐(0) 编辑