CSS
文章平均质量分 75
CSS 学习记录
沐 修
唯自由与理想不可辜负
展开
-
前端 CSS - 如何隐藏右侧的滚动条 -关于出现过多的滚动条导致界面不美观
CSS 配置:下面两个一起写进进去,适配 IE、火狐、谷歌浏览器。原创 2023-08-30 14:43:20 · 1223 阅读 · 0 评论 -
初级篇 3 - HTML 或 CSS 文件中不懂的标签属性详解
目录一、遇到的不懂的标签属性详解1、meta 标签的 http-equiv 属性(元标签)一、遇到的不懂的标签属性详解1、meta 标签的 http-equiv 属性(元标签)下面是 http-equiv 属性的三个参数content-type 规定文档的字符编码。实例:<meta http-equiv="content-type" content="text/html; charset=UTF-8">default-style 规定要使用的预定义的样式表。实例:<原创 2023-03-11 10:48:39 · 484 阅读 · 0 评论 -
CSS 单位 - px、em、rem、vh、vw、
参考链接:html px em pt长度单位(像素 相对长度 点)知识篇Html 字体大小单位 px em pt px、em、rem区别介绍CSS 中的vh、vw单位html设置导背景宽度,calc()实现满屏背景定宽内容html calc语言,使用CSS3中的Calc计算器时需要注意的事情html中calc属性什么意思,CSS3中新属性calc()的详细介绍CSS calc() 函数原创 2023-03-06 14:31:46 · 59 阅读 · 0 评论 -
CSS - 选择器详解 - 子代、后代选择器详解 - 伪类选择器 - 测试
目录测试准备:子代选择器 >测试代码:指定id的子代选择器后代选择器 (以空格隔开)指定 id 的后代选择器指定 class 类 的后代选择器多空格后代选择器详解 (特别重要)伪类选择器 :参考链接:测试准备:新建一个测试项目文件夹 test,然后在 test 文件夹内新建一个名为 css 的文件夹,创建一个名为 style.css的文件,最后在test文件夹下新建一个 test.html 文件。test| —— || ——css —— style.css|test.html子代选择器原创 2023-03-06 14:29:46 · 7914 阅读 · 0 评论 -
CSS 布局 - grid - 二维布局方法 - 网格布局
采用网格布局的区域,称为"容器"()。容器内部采用网格定位的子元素,称为"项目"()。和 flex 布局 一样的布局概念 —— 容器容纳项目元素既然是二维的,那么就应该对直角坐标系有所认知,容器里面的水平区域称为"行"(),垂直区域称为"列"()。这样构成了一个二维坐标,这个坐标就是项目元素在容器内的坐标地点。但是这里不是单单指坐标点,因为是一个四边形,所以会有一个对角坐标,也就是说会有两个 轴 两个 轴,那么由此包围起来的,就是一个项目元素。行和列的交叉区域,称为"单元格"()。正常情况下,行和列会产原创 2022-06-08 16:07:43 · 1507 阅读 · 0 评论 -
CSS 布局 - flex - 一维布局方法 - 弹性布局 flexible
:行内属性,是从左到右的排版,详细理解是如果 在使用了 标签后,对 标签内的子元素标签,设置了 属性,那么就会对立面的子标签进行一个行 的排版,行内元素,代码如下:特别注意: 父元素设置了 是不对其子元素其作用的,只有使用了 CSS 后代或子代选择器的配置,才生效。结果图:修改CSS后代选择器的子元素 标签为 属性代码:结果图:看起来, 标签的方块消失了, 看来只对文本标签起作用,如 、 标签等等将 li 标签的 inline 属性修改为 inline-block ,代码如下:结果原创 2022-06-07 15:57:25 · 1578 阅读 · 0 评论