css
-
CSS 尺寸的百分比
CSS中的单位 绝对单位 in-英寸; cm; 立即学习“前端免费学习笔记(深入)”; mm; pt-磅 相对单位 em-与元素字号挂钩; rem-与根元素字号挂钩; px-与css像素挂钩 %-另一属性值的百分比 CSS中可以取百分比的属性 定位:top, right, bottom, left …
-
关于css中的id选择器与class选择器的介绍
id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 “#” 来定义。 例如: #para1{ text-align:center; color:red;} 注意: ID属性不要…
-
3种CSS使用方法
(1)链接式:(外部引入.css文件) ( 用得比较多 ) 在html加载前就被引用 在网页的 标签对中用引入外部样式表,使用html规则引入外部css : 导入式:(外部引入.css文件) ( 不使用 ) @import在html加载完成后才引用,并且无法在JS DOM模型中插…
-
深入理解px、rem、em、vh、vw之间的区别
绝对长度 px px是像素值,是一个固定的长度,比如我们的米,厘米一样。 相对长度 为什么我们需要相对长度rem em等? 固定长度已经不能满足我们现在的需求了。 举例:比如我们在缩小我们屏幕的时候,我们不仅仅是需要缩小我们的盒子的宽高,我们还想要让我们字体大小也随之缩小,这样用户体验会更好一点。 …
-
关于css样式表及多重样式优先级的介绍
插入样式表的方法有三种,分别是: 1、外部样式表; 2、内部样式表; 3、内联样式 外部样式表 立即学习“前端免费学习笔记(深入)”; 在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。 标签在(文档的)头部: 实例如下: 浏览器会从文件 myst…
-
常用的css背景属性介绍



一、background-color 该属性定义了元素的背景颜色。 页面的背景颜色使用在body的选择器中,如下: 效果图: 立即学习“前端免费学习笔记(深入)”; 在CSS中,颜色值通常以以下方式定义: 1、十六进制 – 如:”#ff0000″ 2、RGB &#…
-
关于css文本属性的详细介绍



文本颜色 颜色属性被用来设置文字的颜色。 颜色值有如下写法: 1、十六进制值 如: #FF0000 立即学习“前端免费学习笔记(深入)”; 2、RGB值 RGB(255,0,0) 3、颜色的名称 如: red 示例: 注意:如果为字体定义了颜色属性,那么必须定义背景色属性。 结果显示: (视频教程推…
-
CSS Grid 深入理解
简介 本教程将深入探讨 CSS 网格布局,并探索几乎所有的属性和功能。读完之后,你将能够用这种出色的 CSS 附加功能去处理任何一种布局。 术语:Grid Grid 是二维网格系统。它可以用来构建复杂的布局以及较小的界面。 立即学习“前端免费学习笔记(深入)”; 属性:display 只需要把一个元…
-
css链接状态有哪些



首先,链接的样式可以用任何css属性(如颜色,字体,背景等)。 链接可以有不同的状态,如下: a:link – 正常,未访问过的链接 a:visited – 用户已访问过的链接 a:hover – 当用户鼠标放在链接上时 立即学习“前端免费学习笔记(深入)”; a…
-
关于css中清除浮动(clearfix)的介绍
清除浮动clearfix (视频教程推荐:css视频教程) 实例代码: .clearfix:after, .clearfix:before { content: ” “; display: table;}.clearfix:after { clear: both;} .clearfix{zoom:1…