- 博客(7)
- 收藏
- 关注
RSS订阅原创 外边距合并的一些问题
使用 margin 定义块元素的垂直外边距时，可能会出现外边距的合并。PS:只有垂直方向上会产生问题主要有两种情况:1、相邻块元素垂直外边距的合并 当上下相邻的两个块元素（兄弟关系）相遇时，如果上面的元素有下外边距 margin-bottom，下面的元素有上外边距 margin-top ，则他们之间的垂直间距不是 margin-bottom 与 margin-top 之和。取两个值中的较大者这种现象被称为相邻块元素垂直外边距的合并。解决方案：尽量只给一个盒子添加 margin 值。2、嵌
2020-11-07 16:48:37
257
原创 小白笔记——css盒子模型
盒子模型盒子模型可以说是布局重中之重了，是布局的基础。css盒子模型可以看做一个盒子，用来装HTML元素，它包括它包括：外边距（margin）、边框（border）、内边距（padding）、内容（content）四个属性。内边距padding属性可以控制内边距。也就是内容到盒子边框的距离。合写属性：分写属性：边框border可以设置元素的边框。边框有三部分组成：边框宽度(粗细) 边框样式 边框颜色。 border : border-width || border-style ||
2020-11-07 16:23:37
162
原创 CSS的三大特性——层叠性、继承性和优先级
CSS三大特性css三大特性：层叠性，继承性，优先级层叠性：选择器权重相同，样式有冲突。后者会覆盖（层叠）掉前者（就近原则）。样式不冲突不会层叠。继承性：子标签会继承父标签的某些样式。如文字颜色，字号等（text- , font- , line- 这些元素以及color）。但不是所有样式都会被继承。 行高的继承性： body { font:12px/1.5 Microsoft YaHei； }行高可以跟单位也可以不跟单位如果子元素没有设置行高，则会继承父元素的行高为 1.5此时子元素
2020-11-04 21:36:38
346
原创 前端小白的css学习笔记——复合选择器、元素的显示模式、背景属性（and日常）
复合选择器由两个或多个基础选择器，通过不同方式组合而成的。后代选择器：包含选择器 选择父元素里的子元素。 元素 元素 {样式声明}一般情况下，后代选择器不要超过4层解析过程从右到左<style> .adv-selector li { color: blue; }</style><h3>复合选择器</h3><div class="adv-selector"> <ul>
2020-11-02 21:30:10
167
原创 前端小白的css学习笔记——简介、选择器、字体属性和文本属性（最后有思维导图哦）
简介 css是层叠样式表的（Casading Style Sheets）的简称。有时会成为css样式表或级联样式表。用来美化HTML，让网页更漂亮，布局更简单。使结构（HTML）和样式（css）相分离语法规范：选择器 { 声明的样式 }<style> p { color： tomoto; font-size: 24px; }</style><!--style是html标签，里面的内容是css-->引入方式：行
2020-11-01 21:13:45
119
原创 前端小白的HTML学习笔记——表格、列表和表单（依旧是熟悉的配方）
一.表格 1.表格主要用来显示、展示数据。 2.基本组成：<table></table>定义表格标签；<tr></tr>行；<td></td>单元格。<th></th>表头单元格（表格第一行，里面内容居中加粗）。 <thead></thead>定义头部;<tbody><tbody>定义主体（加强语义，方便对表格主体渲染）。 3.属性
2020-10-30 21:29:12
220
原创 前端小白的HTML学习笔记——简介、背景知识、部分标签（思维导图内容相对比较完整。。。的多的多的多）
HTML基础day1网页就是HTML文件，包含文本、图片、链接、视频、音频等元素。HTML——超文本标记语言。写好的网页通过浏览器内核被解释并渲染，最终展现在用户眼前的就是一张漂亮的网页。为了使不同浏览器展示统一内容，提高代码规范性和兼容性，W3C和其他标准化组织制定了一系列的标准（web标准）。HTML负责结构，css负责表现，JavaScript负责行为。对标签有了一个简单的认识。标签分为单标签和双标签。标签的关系只有两种：包含关系和并列关系。...
2020-10-29 23:22:35
132
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人