摘要: 注: 本文大部分来自 黑马前端 css day04 笔记,在此感谢黑马的pink老师。 1. 为什么要清除浮动 ​ 图一 如上图所示,虽然父盒子没有设置高度,但是标准流的子盒子会撑开父盒子,使父盒子具有高度,那么父盒子下面的盒子就不会影响我们的布局。 但是我们使用浮动来布局后,子盒子浮动后会脱离标准 阅读全文
posted @ 2020-07-02 16:20 Front-Here 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 语法: box-shadow:水平阴影 垂直阴影 模糊距离(虚实) 阴影的尺寸 阴影颜色 内/外阴影; 示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> di 阅读全文
posted @ 2020-07-02 15:01 Front-Here 阅读(776) 评论(0) 推荐(0) 编辑
摘要: border-radius: 50%; 当指定为百分比的时候,宽度乘百分比得到的数值作为半长轴,高度乘百分比得到的数值作为半短轴,得到一个椭圆,然后按下图切掉多余的部分。 border-radius: 50px; 当指定具体数值时,半长轴等于半短轴,得到一个圆,然后切掉多余的部分。 所以,如果我们想 阅读全文
posted @ 2020-07-02 13:04 Front-Here 阅读(647) 评论(0) 推荐(0) 编辑
摘要: 本文转载自黑马前端 css day03 外边距合并 使用margin定义块元素的垂直外边距时,可能会出现外边距的合并。 (1). 相邻块元素垂直外边距的合并 当上下相邻的两个块元素相遇时,如果上面的元素有下外边距margin-bottom 下面的元素有上外边距margin-top,则他们之间的垂直间 阅读全文
posted @ 2020-07-02 10:23 Front-Here 阅读(374) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> table { width: 300px; text-align: center; border-collapse: 阅读全文
posted @ 2020-07-02 09:52 Front-Here 阅读(6164) 评论(0) 推荐(0) 编辑