03 2020 档案

img元素底下留白
摘要：img元素在底部会与其他元素之间留下一段距离的空白，并且通过给该行内块元素设置下外边距或者给其他元素设置上外边距都无法消除这个空白，解决的方案是将显示模式改成块级显示模式。（由此可以看出行内块元素在一定程度上并不稳定，当做样式时，若行内块和块级显示同样的效果，应尽量选择块级显示模式） 如下例：在im 阅读全文
posted @ 2020-03-31 18:56 雨停了，风来了 阅读(160) 评论(0) 推荐(0)
浮动造成的影响
摘要：一、元素添加浮动后，会处于一个半脱离文档流的状态，如果没有给浮动元素的父元素设置固定的高度，那么父元素会认为没有内容撑开自己，因此父元素的高度为0，此时下面的元素会上来，被浮动元素压在下面。 解决方案： 1.给父元素设置固定的高度（父元素会缺乏灵活性，不能靠其内容自由变换撑开高度） 2.给父元素设置 阅读全文
posted @ 2020-03-31 17:58 雨停了，风来了 阅读(279) 评论(0) 推荐(0)
margin外边距合并和塌陷问题
摘要：1.外边距合并问题 垂直排列的两个块级显示模式的元素，为上面的元素设置下外边距，为下面的元素设置上外边距，外边距会产生合并，当两个值相等时则外边距就是那个值，当两个值不相等时则外边距就是值大的那个值。（两个块级显示模式的元素设置为浮动后再对第一个元素设置右浮动，对第二个元素设置左浮动，不会产生合并问 阅读全文
posted @ 2020-03-31 11:28 雨停了，风来了 阅读(268) 评论(0) 推荐(0)
padding减宽度
摘要：当元素的显示模式为块级显示模式时，如果不给该元素设置固定宽度，宽度会和父元素的宽度相同，此时给元素设置水平方向的padding，那么宽度会自动进行计算，不会撑大盒子，如果该元素设置了固定宽度，那么加了水平方向的padding会撑大该元素。 阅读全文
posted @ 2020-03-31 09:44 雨停了，风来了 阅读(158) 评论(0) 推荐(0)
画流程图
摘要：推荐使用ProcessOn，网址：https://www.processon.com/diagrams 阅读全文
posted @ 2020-03-25 17:16 雨停了，风来了 阅读(119) 评论(0) 推荐(0)
复合属性（由于层叠带来的小问题）
摘要：使用复合属性要注意要将复合属性写在前面，单属性写在后面，以层叠复合属性中的单属性值，若将复合属性写在后面，如 那么并不会显示字体为斜体以及不会变粗，即因为复合属性没有写相应的属性，则会直接将其层叠为没有相应的样式，因此很容易出现问题。 复合属性有font、border、background等，其中尤 阅读全文
posted @ 2020-03-24 19:49 雨停了，风来了 阅读(337) 评论(0) 推荐(0)
css继承
摘要：后代标签会继承父辈标签的所有关于文本的属性，会优先继承离它最近的父辈元素的属性，一层一层向外，继承的权重为0.（权重大小如下：标签选择器＜类选择器＜id选择器＜ 行内样式 ＜！important，可分别设其为1,10,100,1000,10000，遇到多种情况时可通过对权重求和比较谁的权重最大，那么 阅读全文
posted @ 2020-03-24 10:38 雨停了，风来了 阅读(178) 评论(0) 推荐(0)
水平居中
摘要：1.行级、行内块元素水平居中：text-align：center，将该样式设置在父元素中，能使父元素中的文本、行内元素（<span> <i> <strong> <u>等等）、行内块元素（如<img>、表单元素等）居中，但是不能让父元素中的块级元素居中。 2.块级元素水平居中：magin：0 auto 阅读全文
posted @ 2020-03-24 09:38 雨停了，风来了 阅读(132) 评论(0) 推荐(0)
css层叠性
摘要：在css中为相同的样式设置不同的属性时其样式都可以实现，但是存在权重级别。当权重不同时，会实现权重较大的属性；当权重相同时，则根据自上而下的顺序，后面的属性会覆盖前面的属性。权重级别如下：标签选择器＜类选择器＜id选择器＜ 行内样式 ＜！important（指在相应的属性值后添加该字段，如：colo 阅读全文
posted @ 2020-03-23 22:24 雨停了，风来了 阅读(140) 评论(0) 推荐(0)
显示模式
摘要：分为三种显示模式： 1.块级显示模式：：元素独占一行，可以设置宽高，默认宽度和父元素相等。如div，h1~h6，p，form，ul，dl，dt，dd，li，hr，ol 2.行级显示模式：自身大小靠文本撑开，设置宽高不起作用，一行可以有多个。如i，strong，b，font，del，ins，span， 阅读全文
posted @ 2020-03-23 17:41 雨停了，风来了 阅读(279) 评论(0) 推荐(0)
html中的链接
摘要：使用a标签实现链接，分别给href设置不同的属性： 1.内部链接：链接到本网站的其他网页，例如：<a href = "index.html" />，其中设index.html为本网站的首页 2.外部链接：链接到其他网站的网页，例如在本网站中链接到百度首页：<a href="http://www.ba 阅读全文
posted @ 2020-03-23 16:17 雨停了，风来了 阅读(344) 评论(0) 推荐(0)
空链接
摘要：在a标签中，设置href为“#”时为跳转到网页顶部，设置为"##"时为空链接。 阅读全文
posted @ 2020-03-23 14:12 雨停了，风来了 阅读(136) 评论(0) 推荐(0)
几个框架概念
摘要：初学开发，感觉身边总是出现各种各样的框架，总是搞不清楚各个框架究竟是干什么的，所以在此小小地总结记录一下： 1.MVC框架 Model View Controller，是模型-视图-控制器的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个组件里，在改进和 阅读全文
posted @ 2020-03-17 17:17 雨停了，风来了 阅读(199) 评论(0) 推荐(0)
块级元素和内联元素
摘要：块级元素(block)特性： 总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示; 宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制; 内联元素(inline)特性： 和相邻的内联元素在同一行; 宽度(width)、高度(height 阅读全文
posted @ 2020-03-09 16:46 雨停了，风来了 阅读(141) 评论(0) 推荐(0)
margin百分数
摘要：为margin设置百分数时，无论是margin-left、margin-top、margin-right、margin-bottom，都是相对于其父元素的width大小设定的，而不是按照height大小设定，padding也是同理。为什么基于width而不是height呢？css的权威解释如下： 我 阅读全文
posted @ 2020-03-09 11:03 雨停了，风来了 阅读(180) 评论(0) 推荐(0)