HTML&CSS入门学习笔记
文章平均质量分 84
如题
性灵
这个作者很懒,什么都没留下…
展开
-
包含块:影响元素尺寸和位置
前端入门学习笔记(持续更新中) 包含块的影响 确定包含块包含块的影响*一个元素的尺寸和位置经常受其包含块的影响 盒模型属性 (1)一个元素的 width、margin 和 padding 属性由包含块的 width 属性的值来计算其百分值。 (2)一个元素的 height 属性由包含块的 height 属性的值来计算其百分值(如果包含块的 height ...原创 2020-03-24 12:56:17 · 291 阅读 · 0 评论 -
CSS样式表优先级
前端入门学习笔记(持续更新中)以下结论仅基于浏览器的表现,不涉及深层原理,有待深入。 行内样式 VS 内部样式、链接样式、导入样式 *结论:行内样式优先级最高 内部样式 VS 链接样式 ...原创 2020-03-22 21:37:54 · 3353 阅读 · 0 评论 -
清除浮动带来的思考
前端入门学习笔记(持续更新中) 上下排列清除浮动 嵌套排列清除浮动上下排列清除浮动clear:left/right/both;*结论:添加clear的盒子的顶边框(border-top)将会低于在它之前的任何浮动盒子的底外边距(margin-bottom),同时浮动的盒子依然是脱离文档流的。分析 可以注意到,图5给第二个盒子添加50px的顶外边距时,并没有发生常规的marg...原创 2020-03-16 11:03:49 · 172 阅读 · 0 评论 -
BFC思维导图
前端入门学习笔记(持续更新中)![在这里插入图片描述](https://img-blog.csdnimg.cn/20200315172803451.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzODExMDkz,size_16...原创 2020-03-15 17:28:47 · 163 阅读 · 0 评论 -
margin之不思议
前端入门学习笔记(持续更新中) margin传递(margin塌陷) margin叠加(margin合并) margin-right失效(margin合并)——margin传递(margin塌陷)出现场景 margin-top在嵌套的结构时针对内层结构的margin-top会同时作用于外层解决方案 触发BFC,改变父级的渲染规则 (1) position: abs...原创 2020-03-08 21:48:49 · 191 阅读 · 0 评论 -
CSS外部样式的两种引入方式
前端入门学习笔记(持续更新中)两种方法<link href="style.css" rel="stylesheet" type="text/css" /><style>@import url('style.css');</style>区别1.从属关系区别 link是HTML提供的标签,不仅可以加载CSS文件,还可以定义其它属性;@impor...原创 2020-02-29 21:41:34 · 3558 阅读 · 0 评论 -
HTML标签英文全称
. 常用 HTML 标签英文全称及描述 HTML标签英文全称中文释义 h Header 标题 i Italic 斜体 hr Horizontal Rule 水平线 p Paragraph 段落...原创 2020-02-28 17:00:35 · 297 阅读 · 0 评论 -
关于favicon
关于 favicon关于favicon favicon是 favorites icon 的缩写,亦被称为 website icon(网页图标)、page icon(页面图标)或urlicon(URL图标),是与某个网站或网页相关联的图标。 favicon.ico 一般用于作为缩略的网站标志,它显示在浏览器的地址栏、浏览器标签上或者在收藏夹上,是展示网站个性的缩略 logo 标志,...原创 2020-02-28 15:23:31 · 445 阅读 · 0 评论 -
逆战班:HTML&CSS入门学习笔记
关于 favicon关于favicon前言: favicon是 favorites icon 的缩写,亦被称为 website icon(网页图标)、page icon(页面图标)或urlicon(URL图标),是与某个网站或网页相关联的图标。 favicon.ico 一般用于作为缩略的网站标志,它显示在浏览器的地址栏、浏览器标签上或者在收藏夹上,是展示网站个性的缩略 logo...原创 2020-02-28 15:17:12 · 350 阅读 · 0 评论