摘要: 块级元素 特点: 1.总是从新的一行开始 2.高度、宽度都是可控的 3.宽度没有设置时,默认为100% 4.块级元素中可以包含块级元素和行内元素 5.块级文字元素中不能放入其他块级元素 6.块级大多为结构性标记 常见块级元素: <h1> <h2> <h3> <h4> <h5> <h6> <hr> < 阅读全文
posted @ 2019-10-08 20:45 无雨无 阅读(3233) 评论(0) 推荐(0)
摘要: 边框盒:border-box:border、padding、content组成 浏览器调试时,页面中显示的元素尺寸是指边框盒的尺寸 元素的背景,默认覆盖边框盒,可通过background-clip属性修改 background-clip属性:含义:背景覆盖范围 不可继承默认值:border-box 阅读全文
posted @ 2019-10-08 20:43 无雨无 阅读(606) 评论(0) 推荐(0)
摘要: 实现这样的效果 1.在页面中传入图片 2.在页面中画出上下左右,用 border-left border-right border-top border-bottom 画出线 3.用translate把线移动出去 4.用 transition实现时间的效果 源代码: 阅读全文
posted @ 2019-09-29 15:58 无雨无 阅读(1111) 评论(0) 推荐(0)
摘要: <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=ed 阅读全文
posted @ 2019-09-29 15:22 无雨无 阅读(498) 评论(0) 推荐(0)
摘要: 当你打开有些漫画、美术、杂志网页你会发现,其中的网页当中的字体非常的个性化,这些就是经过的引入网页才成功实现的。 下面介绍一下引入的方法 先声明后引入例子 阅读全文
posted @ 2019-09-14 20:05 无雨无 阅读(152) 评论(0) 推荐(0)
摘要: 在许多的网页中,我们可以看到文字环绕着图片,但实际上我们在写到代码是文字经常在图片的下方,当然我们可以将文移到旁边,但是如果文字过于繁多的话,这样的方式实际上可能不太理想,布局效果很差 因此我们可以通过浮动来实现 实现效果 没有浮动前 有浮动后 阅读全文
posted @ 2019-09-14 19:55 无雨无 阅读(376) 评论(0) 推荐(0)
摘要: 1.首先用ul li表现输入内容 如: 得到 2.编辑样式CSS。在标签<head></head>之间写入样式表。通过将其设置为行内块级元素,实现横排效果 消除内容前的圆点 list-style:none; 横排摆放 : display: inline-block; 3.最后通过外边距margin调 阅读全文
posted @ 2019-09-08 14:44 无雨无 阅读(236) 评论(0) 推荐(0)
摘要: 1.第一步回顾学习过html+ css的知识,我们先理清自己的思路 2.添加一个div盒子,此时,暂不设置border值,只初始化它的宽高。那么,我们将呈现出一个border=0,width、height均为200px的盒 3.我们再来调整他的border-top、border-left、borde 阅读全文
posted @ 2019-09-08 14:17 无雨无 阅读(1127) 评论(0) 推荐(0)