好文分享

(1)链接式:(外部引入.css文件) （ 用得比较多 ) 在html加载前就被引用 在网页的 标签对中用引入外部样式表，使用html规则引入外部css : 　　　  导入式:(外部引入.css文件)　　　　  ( 不使用 ) @import在html加载完成后才引用,并且无法在JS DOM模型中插…

绝对长度 px px是像素值，是一个固定的长度，比如我们的米，厘米一样。 相对长度 为什么我们需要相对长度rem em等？ 固定长度已经不能满足我们现在的需求了。 举例：比如我们在缩小我们屏幕的时候，我们不仅仅是需要缩小我们的盒子的宽高，我们还想要让我们字体大小也随之缩小，这样用户体验会更好一点。 …

插入样式表的方法有三种，分别是： 1、外部样式表； 2、内部样式表； 3、内联样式 外部样式表 立即学习“前端免费学习笔记（深入）”； 在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。 标签在（文档的）头部： 实例如下： 浏览器会从文件 myst…

一、background-color 该属性定义了元素的背景颜色。 页面的背景颜色使用在body的选择器中，如下： 效果图： 立即学习“前端免费学习笔记（深入）”； 在CSS中，颜色值通常以以下方式定义: 1、十六进制 – 如：”#ff0000″ 2、RGB &#…

文本颜色 颜色属性被用来设置文字的颜色。 颜色值有如下写法： 1、十六进制值 如: ＃FF0000 立即学习“前端免费学习笔记（深入）”； 2、RGB值 RGB(255,0,0) 3、颜色的名称 如: red 示例： 注意：如果为字体定义了颜色属性，那么必须定义背景色属性。 结果显示： （视频教程推…

简介 本教程将深入探讨 CSS 网格布局，并探索几乎所有的属性和功能。读完之后，你将能够用这种出色的 CSS 附加功能去处理任何一种布局。 术语：Grid Grid 是二维网格系统。它可以用来构建复杂的布局以及较小的界面。 立即学习“前端免费学习笔记（深入）”； 属性：display 只需要把一个元…

首先，链接的样式可以用任何css属性（如颜色，字体，背景等）。 链接可以有不同的状态，如下： a:link – 正常，未访问过的链接 a:visited – 用户已访问过的链接 a:hover – 当用户鼠标放在链接上时 立即学习“前端免费学习笔记（深入）”； a…

清除浮动clearfix （视频教程推荐：css视频教程） 实例代码： .clearfix:after, .clearfix:before { content: ” “; display: table;}.clearfix:after { clear: both;} .clearfix{zoom:1…

font属性的综合写法，书写顺序分别是：font-style font-variant font-weight font-size font-family。 实例： .ziti {font:italic normal bold 18px arial;} 如果哪项属性是默认值，可以把他省略不写，系统会…

css盒模型 你需要先了解CSS盒模型 CSS盒模型中 width 与 height 的计算规则： 在CSS中，你设置一个元素的width与height只会应用到这个元素的内容区。如果这个元素有任何的 border 或 padding，绘制到屏幕上时的盒子宽度和高度会加上设置的边框(border)和…