2021年2月18日
浮动的特点
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-02-18 11:34 俗气小博 阅读(116) 评论(0) 推荐(0)
浮动的简介
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-02-18 11:27 俗气小博 阅读(105) 评论(0) 推荐(0)
2021年2月17日
CSS练习
摘要： /* 让文字在父元素中垂直居中 */ line-height: 25px; /* 下划线消失 */ text-decoration: none; font-weight: bold;字体加粗 阅读全文
posted @ 2021-02-17 14:36 俗气小博 阅读(56) 评论(0) 推荐(0)
浏览器的默认样式
摘要： 浏览器会自己给我们的代码设置默认样式，对开发不利，必须删除 <link rel="stylesheet" href="./reset.css">使用文件删除 下面为reset.css文件 /* v2.0 | 20110126 http://meyerweb.com/eric/tools/css/re 阅读全文
posted @ 2021-02-17 11:44 俗气小博 阅读(74) 评论(0) 推荐(0)
行内元素的盒模型
摘要： 行内元素不支持设置width,height 可以设置padding，border,margin，但是不会影响页面元素的布局 <a href="javascript:;">222</a> display，用来设置元素显示的类型 可选值： inline: 元素为行内元素 block:元素设为块元素 in 阅读全文
posted @ 2021-02-17 11:36 俗气小博 阅读(74) 评论(0) 推荐(0)
外边距的折叠
摘要： 相邻的垂直方向外边距会发生重叠 兄弟元素之间相邻的垂直方向谁大听谁的，一正一负去两者和，如果是两个负数，去绝对值大的 父子元素 父子元素之间的相邻外边距，子元素会传递给父元素。（上外边距） 父子外边距一个折叠，会影响页面的布局 解决方案：使用padding隔开，不是很完美的方式 <!DOCTYPE 阅读全文
posted @ 2021-02-17 11:27 俗气小博 阅读(69) 评论(0) 推荐(0)
2021年2月15日
垂直布局
摘要： 垂直方向没有等式，比较简单，父元素多少就是多少 如果父元素不设置高度，则高度被子元素内容撑开 如果父元素Height已经设置了高度，子元素高度超过了父元素的高度，那么将会吐出来，溢出 可以使用overflow（在父元素中设置） overflow: visible; 默认值，溢出显示 overflow 阅读全文
posted @ 2021-02-15 01:29 俗气小博 阅读(60) 评论(0) 推荐(0)
水平方向布局
摘要： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-02-15 01:01 俗气小博 阅读(64) 评论(0) 推荐(0)
2021年2月14日
外边距
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-02-14 22:15 俗气小博 阅读(42) 评论(0) 推荐(0)
内边框
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-02-14 21:05 俗气小博 阅读(51) 评论(0) 推荐(0)