Mr_Riven - 博客园

2020年3月31日

摘要： BFC 即 Block Formatting Contexts (块级格式化上下文)，它属于普通流，即：元素按照其在 HTML 中的先后位置至上而下布局，在这个过程中，行内元素水平排列，直到当行被占满然后换行，块级元素则会被渲染为完整的一个新行，除非另外指定，否则所有元素默认都是普通流定位，也可阅读全文

posted @ 2020-03-31 12:18 Mr_Riven 阅读(176) 评论(0) 推荐(0) 编辑

HTML5、CSS3 里面都新增了那些新特性？

摘要： HTML5 新的语义标签 article 独立的内容。 aside 侧边栏。 header 头部。 nav 导航。 section 文档中的节。 footer 页脚。画布(Canvas) API 地理(Geolocation) API 本地离线存储 localStorage 长期存储数据，浏览器关阅读全文

posted @ 2020-03-31 12:05 Mr_Riven 阅读(503) 评论(0) 推荐(0) 编辑

2020年3月30日

python后端model模板

摘要： from django.contrib.contenttypes.fields import GenericForeignKey, GenericRelation from django.contrib.contenttypes.models import ContentType from djan 阅读全文

posted @ 2020-03-30 23:47 Mr_Riven 阅读(294) 评论(0) 推荐(0) 编辑

position的值， relative和absolute分别是相对于谁进行定位的？

摘要： relative: 相对定位，相对于自己本身在正常文档流中的位置进行定位相对它原来的位置，在走100px。原来在标准流中的位置继续占有。 absolute: 生成绝对定位，相对于最近一级定位不为static的父元素进行定位。（子决父相）。 fixed: （老版本IE不支持）生成绝对定位，相对于浏览阅读全文

posted @ 2020-03-30 21:34 Mr_Riven 阅读(3284) 评论(0) 推荐(0) 编辑

前端知识汇总

摘要：目录一、HTML 篇 1. 简述一下你对 HTML 语义化的理解？https://www.cnblogs.com/Rivend/p/12600602.html 2. 标签上 title 与 alt 属性的区别是什么？https://www.cnblogs.com/Rivend/p/12600634 阅读全文

posted @ 2020-03-30 21:06 Mr_Riven 阅读(305) 评论(0) 推荐(0) 编辑

display:none和visibility:hidden的区别？

摘要： display与元素的隐藏如果给一个元素设置了display: none，那么该元素以及它的所有后代元素都会隐藏，它是前端开发人员使用频率最高的一种隐藏方式。隐藏后的元素无法点击，无法使用屏幕阅读器等辅助设备访问，占据的空间消失。 visibility与元素的隐藏给元素设置visibility: 阅读全文

posted @ 2020-03-30 20:54 Mr_Riven 阅读(162) 评论(0) 推荐(0) 编辑

rgba和opacity的透明效果有什么不同？

摘要： rgba()和opacity都能实现透明效果，但最大的不同是opacity作用于元素，以及元素内的所有内容的透明度，而rgba()只作用于元素的颜色或其背景色。（设置rgba透明的元素的子元素不会继承透明效果！）阅读全文

posted @ 2020-03-30 20:45 Mr_Riven 阅读(520) 评论(0) 推荐(0) 编辑

4. 简明说一下 CSS link 与 @import 的区别和用法？

摘要：两者的基本语法 link语法结构 <link href="外部CSS文件的URL路径" rel="stylesheet" type="text/css" /> link标签通过URL路径引入外部的CSS文件到HTML中，是一种HTML标签，属于书写HTML的语法，只能放在HTML源代码中使用。 @i 阅读全文

posted @ 2020-03-30 20:31 Mr_Riven 阅读(464) 评论(0) 推荐(0) 编辑

垂直居中几种方式？

摘要： 1. 单行文本: line-height :23px(盒子高度的一半)。 2.图片: vertical-align: middle;(图片后面的文字)。 3. 定位：position: absolute: top: 50%;left: 50%; transform: translate(-50%, 阅读全文

posted @ 2020-03-30 20:16 Mr_Riven 阅读(143) 评论(0) 推荐(0) 编辑

css 选择器优先级？

摘要： !important > 行内样式（比重1000）> ID 选择器（比重100） > 类选择器（比重10） > 标签（比重1） > 通配符 > 继承 > 浏览器默认属性阅读全文

posted @ 2020-03-30 19:59 Mr_Riven 阅读(129) 评论(0) 推荐(0) 编辑

Mr Riven

代码改变世界

公告