![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+CSS
文章平均质量分 69
朦dada
初入前端的一只小菜鸟
展开
-
上中下布局【不满一屏,footer固定在底部,满一屏,footer随页面滚动】
【要求】 上中下布局:当页面高度不满一屏的时候,footer固定在页面的底部;当页面高度满一屏的时候,footer随着页面内容滚动。【code实现-普通布局方式】// html结构<body> <div class='header'></div> <div class='content'></div> &...原创 2020-04-05 17:39:13 · 810 阅读 · 1 评论 -
【前端CSS部分】伪类与伪元素
1、伪选择器伪选择器主要包含两部分:伪类和伪元素2、伪类希望在特定状态下,给元素呈现特定的样式。比如:超链接,在链接被点击之后,呈现特定的样式,我们就可以使用:visited这个伪类给超链接添加特定的样式。伪类的前缀是一个冒号:– 分类–2-1、状态伪类选择器示例说明:linka:link选择所有未访问的链接:visiteda:visit...转载 2018-12-26 19:46:14 · 515 阅读 · 0 评论 -
【前端CSS3】CSS3实现进度条
1、使用keyframe实现// html结构&amp;amp;lt;div class=&amp;quot;progress&amp;quot;&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;progress-bar&amp;quot;&amp;amp;gt; &amp;amp;lt;div class=&原创 2018-12-12 20:06:25 · 3524 阅读 · 0 评论 -
【前端CSS部分】重新认识浮动float
写作背景: 经历了一次大厂的面试之后,发现自己之前所学的知识都只是皮毛,仅仅停留在会用的层面,未曾深入地了解过其原理,借此机会,打算从基础开始,重新学习,今天就先从面试最常问到的浮动开始…1、浮动产生的原因 为什么会出现浮动呢? 浮动的本质只是为了让文字环绕图片。在实际的工作中,我们经常会出现类似这样的需求:将多个块级元素并列拍成一行。通常的方案都是使用float:left来实现。...原创 2018-12-08 17:24:25 · 245 阅读 · 0 评论 -
【前端面试之HTML】行内元素和块级元素
1、元素类型的定义1-1、行内元素行内元素主要是指strong或span之类的元素,该元素不会在元素之前或者元素之后生成“行分隔符”;行内元素会水平排列成一行;行内元素又分为置换元素和非置换元素;1-2、 块级元素块级元素主要是指div或者标题之类的元素,这些元素独占一行,多个块级元素在正常流中垂直排列。2、元素分类行内置换元素:img、input、textarea、se...原创 2018-12-07 23:19:09 · 247 阅读 · 0 评论 -
CSS总结
css原创 2017-11-29 16:42:05 · 346 阅读 · 0 评论 -
【前端面试CSS篇】
css原创 2017-10-11 22:11:26 · 2349 阅读 · 0 评论 -
【前端面试之HTML】
一、HTML篇1、XHTML和HTML的区别2、前端页面由哪几部分构成,分别是什么?作用是什么?3、什么是语义化的HTML?4、浏览器的内核是什么?5、HTML5 为什么只需要写 !DOCTYPE HTML?6、Doctype作用?标准模式与兼容模式各有什么区别?7、html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容原创 2017-09-29 13:37:30 · 511 阅读 · 0 评论 -
【前端面试之CSS】设置元素居中
1、设置元素水平居中(1)方法一:块元素居中只要将其margin属性设置为:margin:0 auto;div{ margin:0 auto;}(2)方法二:加入table标签,设置display:inline方法,设置text-align:centertable{ display:inline; text-align:center;}(3)方法三:给元素设置posi原创 2017-07-27 22:55:03 · 661 阅读 · 0 评论 -
关于px、rem、em的区别
一直都不是很清楚的理解px、rem、em三者之间的区别,以前使用的时候,也只是通过百度稀里糊涂的去使用,今天发现一篇讲解的很清楚的文章,跟大家分享一下: 文章地址:https://webdesign.tutsplus.com/zh-hans/tutorials/comprehensive-guide-when-to-use-em-vs-rem–cms-23984转载 2017-08-17 17:52:51 · 320 阅读 · 0 评论