不愿摆烂的北极熊！-CSDN博客

原创 13.前端--CSS-盒子模型

如果保证盒子跟效果图大小保持一致，则让 width/height 减去多出来的内边距大小即可。，则他们之间的垂直间距不是 margin-bottom 与 margin-top 之和。因此我们在布局前，首先要清除下网页元素的内外边距。使用 margin 定义块元素的垂直外边距时，可能会出现外边距的合并。，不要设置上下内外边距。1、border设置元素的边框。这种现象被称为相邻块元素垂直外边距的合并。，此时父元素会塌陷较大的外边距值。1、相邻块元素垂直外边距的合并。2、嵌套块元素垂直外边距的塌陷。

2024-01-29 20:00:17 936

原创 9.前端--CSS-三大特性

此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题。恰当地使用继承可以简化代码，降低 CSS 样式的复杂性。权重叠加：如果是复合选择器，则会有权重叠加，需要计算权重。子元素可以继承父元素的样式：（，就会有优先级的产生。

2024-01-24 23:22:27 565

原创 12.前端--CSS-背景属性

background-color 定义元素的背景颜色元素背景颜色默认值是 transparent（透明）背景色半透明 background-image 定义元素的背景图片实际开发常见于 logo 或者一些装饰性的小图片或者是超大的背景图片, 优点是非常便于控制位置. (精灵图也是一种运用场景)注意：背景图片后面的地址，千万不要忘记加 URL，同时里面的。 background-repeat 设置元素背景图像的平铺

2024-01-23 23:18:59 590

原创 8.前端--CSS-显示模式

元素显示模式就是，比如自己占一行，比如。

2024-01-22 14:25:31 600

原创 7.前端--CSS-复合选择器

后代选择器又称为包含选择器可以选择父元素里面子元素。其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔。当标签发生嵌套时，内层标签就成为外层标签的后代。子元素选择器（子选择器）只能选择作为某元素的最近一级子元素。（简单理解就是选亲儿子元素）并集选择器可以选择多组标签,同时为他们定义相同的样式，通常用于集体声明。并集选择器是各选择器通过英文逗号（,）连接而成，任何形式的选择器都可以作为并集选择器的一部分伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊效果，或选择第1个，第n个元素。

2024-01-21 21:28:46 487

原创 11.前端--CSS-文本属性

语法：属性：语法：属性：语法：属性：语法：通过设置该属性，所有元素的第一行都可以缩进一个给定的长度，甚至该, 如果当前元素没有设置大小，则会按照父元素的 1 个文字大小。

2023-11-26 18:01:46 639

原创 10.前端--CSS-字体属性

语法：属性：语法：属性：语法：属性：1.px（像素）大小是我们网页的最常用的单位2.谷歌浏览器默认的文字大小为16px3. 不同浏览器可能默认显示的字号大小不一致，我们尽量给一个明确值大小，不要默认大小4.可以给 body 指定整个页面文字的大小语法：各种字体之间必须使用英文状态下的如果的多个单词组成的字体, 记住语法：6.总结

2023-11-26 17:44:00 754

原创 6.前端--CSS-基础选择器

按标签名称分类，为页面中某一类标签指定统一的 CSS 样式。标签选择器可以把某一类标签全部选择出来，比如。id 属性只能在每个 HTML 文档中出现一次。，单独选一个或者某几个标签，可以使用类选择器.在 CSS 中，通配符选择器使用。，自动就给所有的元素使用样式。标签选择器（元素选择器）是指。差异化选择不同的标签。

2023-11-26 17:14:44 876