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