css

  • CSS 尺寸的百分比

    CSS中的单位 绝对单位 in-英寸; cm; 立即学习“前端免费学习笔记(深入)”; mm; pt-磅 相对单位 em-与元素字号挂钩; rem-与根元素字号挂钩; px-与css像素挂钩 %-另一属性值的百分比 CSS中可以取百分比的属性 定位:top, right, bottom, left …

    2025年12月24日
    200
  • 关于css中的id选择器与class选择器的介绍

    id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 “#” 来定义。 例如: #para1{ text-align:center; color:red;} 注意: ID属性不要…

    2025年12月24日
    000
  • 3种CSS使用方法

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

    2025年12月24日
    100
  • 深入理解px、rem、em、vh、vw之间的区别

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

    2025年12月24日
    000
  • 关于css样式表及多重样式优先级的介绍

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

    2025年12月24日
    000
  • 常用的css背景属性介绍

    常用的css背景属性介绍常用的css背景属性介绍常用的css背景属性介绍常用的css背景属性介绍

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

    2025年12月24日 用户投稿
    100
  • 关于css文本属性的详细介绍

    关于css文本属性的详细介绍关于css文本属性的详细介绍关于css文本属性的详细介绍关于css文本属性的详细介绍

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

    2025年12月24日 用户投稿
    200
  • CSS Grid 深入理解

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

    2025年12月24日
    000
  • css链接状态有哪些

    css链接状态有哪些css链接状态有哪些css链接状态有哪些css链接状态有哪些

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

    2025年12月24日 用户投稿
    100
  • 关于css中清除浮动(clearfix)的介绍

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

    2025年12月24日
    000
关注微信