- 前言这是我学习了这个网站整理的笔记，接下来还会持续更新。如果写的不对的地方请告诉我，谢谢大家。@TOC 一.为什么要使用CSS？CSS允许您将特定样式应用于特定HTML元素。CSS的主要好处是它使您可以将样式与内容分开。仅使用HTML，所有样式和格式都位于同一位置，随着页面的增长，维护变得相当困难。所有格式都可以（并且应该）从HTML文档中删除，并存储在单独的CSS文件中。 二.CSS的基本... 前言这是我学习了这个网站整理的笔记，接下来还会持续更新。如果写的不对的地方请告诉我，谢谢大家。@TOC 一.为什么要使用CSS？CSS允许您将特定样式应用于特定HTML元素。CSS的主要好处是它使您可以将样式与内容分开。仅使用HTML，所有样式和格式都位于同一位置，随着页面的增长，维护变得相当困难。所有格式都可以（并且应该）从HTML文档中删除，并存储在单独的CSS文件中。 二.CSS的基本...
- 前言这是我在这个网站整理的笔记，接下来还会持续更新。转载说明：务必注明来源，附带本人博客连接。@TOC 1.介绍（1） 使用float属性，可以将一个元素向左或向右推，允许其他元素环绕它。（2）float通常用于图像，但在处理布局时也很有用。（3） float属性的值分别为left，right，none。分别在这些方向上的左右浮动元素。none（默认）确保该元素不会浮动。HTML<p><im... 前言这是我在这个网站整理的笔记，接下来还会持续更新。转载说明：务必注明来源，附带本人博客连接。@TOC 1.介绍（1） 使用float属性，可以将一个元素向左或向右推，允许其他元素环绕它。（2）float通常用于图像，但在处理布局时也很有用。（3） float属性的值分别为left，right，none。分别在这些方向上的左右浮动元素。none（默认）确保该元素不会浮动。HTML<p><im...
- 前言这是我在这个网站整理的笔记，接下来还会==持续更新==。B站用户名：RodmaGO作者：RodmaChen转载说明：务必注明来源，附带本人博客连接。@TOC 一.显示属性——display 1.块元素——block介绍：块元素是占据最大可用宽度的元素，前后都有换行符。事列：下例中的样式规则将内联<span>元素显示为块级元素：HTML<span>内容</ span> CSSspan { ... 前言这是我在这个网站整理的笔记，接下来还会==持续更新==。B站用户名：RodmaGO作者：RodmaChen转载说明：务必注明来源，附带本人博客连接。@TOC 一.显示属性——display 1.块元素——block介绍：块元素是占据最大可用宽度的元素，前后都有换行符。事列：下例中的样式规则将内联<span>元素显示为块级元素：HTML<span>内容</ span> CSSspan { ...
- 前言这是我学习了这个网站整理的笔记，接下来还会==持续更新==。作者：RodmaChen@TOC 一.列表样式类型——list-style-type 1.介绍CSS列表属性允许我们设置不同的列表项标记。在HTML中，列表有两种类型：无序列表（<ul>）：列表项用符号标记为有序列表（<ol>）：列表项用数字或字母标记在CSS中使用list-style-type属性可以设置为circle，squ... 前言这是我学习了这个网站整理的笔记，接下来还会==持续更新==。作者：RodmaChen@TOC 一.列表样式类型——list-style-type 1.介绍CSS列表属性允许我们设置不同的列表项标记。在HTML中，列表有两种类型：无序列表（<ul>）：列表项用符号标记为有序列表（<ol>）：列表项用数字或字母标记在CSS中使用list-style-type属性可以设置为circle，squ...
- 前言这是我学习了这个网站整理的笔记，接下来还会==持续更新==。 一.字体属性——The font-family Property 1.介绍font-family属性指定元素的字体。字体系列名称有两种类型：字体系列：特定的字体系列（例如Times New Roman或Arial）通用系列：外观相似的一组字体系列（例如Serif或Monospace）这是一个不同的示例字体样式：列：HTML<p... 前言这是我学习了这个网站整理的笔记，接下来还会==持续更新==。 一.字体属性——The font-family Property 1.介绍font-family属性指定元素的字体。字体系列名称有两种类型：字体系列：特定的字体系列（例如Times New Roman或Arial）通用系列：外观相似的一组字体系列（例如Serif或Monospace）这是一个不同的示例字体样式：列：HTML<p...
- 信息时代，互联网是一个重要的信息传播载体。网页成为人们查找资源，获取信息，发布信息，学习交流的重要平台。现今世界，也是一个各项技术都飞速发展的时代。网页的设计制作依傍于互联网而生，并且风格设计在不断更新。 信息时代，互联网是一个重要的信息传播载体。网页成为人们查找资源，获取信息，发布信息，学习交流的重要平台。现今世界，也是一个各项技术都飞速发展的时代。网页的设计制作依傍于互联网而生，并且风格设计在不断更新。
- 一.元素特殊性二.元素重要性三.元素分类今天来分别讲讲元素的特殊性，重要性以及元素的分类1.元素的特殊性特殊性描述了不同规则的相对权重，当多个规则应用到同一个元素时，权重越大的样式会优先显示.color{ color:yellow;}p{ color:blue; }应用此样式的结构代码：<div> <p class="color">这里文字显示红色</p></div>由此可见了类选择符的权... 一.元素特殊性二.元素重要性三.元素分类今天来分别讲讲元素的特殊性，重要性以及元素的分类1.元素的特殊性特殊性描述了不同规则的相对权重，当多个规则应用到同一个元素时，权重越大的样式会优先显示.color{ color:yellow;}p{ color:blue; }应用此样式的结构代码：<div> <p class="color">这里文字显示红色</p></div>由此可见了类选择符的权...
- 同 SAP Fiori 一样，SAP Spartacus 里也有大量的自定义 icon 设计，比如下图的 iconTypes.RESET:需要调用 iconLoader 获取 RESET icon 对应的 HTML 源代码：动态创建新的 link 标签，并加载对应的 css：css 地址：https://use.fontawesome.com/releases/v5.8.1/css/all.... 同 SAP Fiori 一样，SAP Spartacus 里也有大量的自定义 icon 设计，比如下图的 iconTypes.RESET:需要调用 iconLoader 获取 RESET icon 对应的 HTML 源代码：动态创建新的 link 标签，并加载对应的 css：css 地址：https://use.fontawesome.com/releases/v5.8.1/css/all....
- 一文掌握flex布局开启flex布局display:flex常见父项属性flex-direction 设置主轴方向主轴分行和列 行 水平向右 列垂直向下默认的主轴就是行支持四个属性row 从左往右(默认) div { display: flex; flex-direction: row; }row-reverse 从右往左 div { ... 一文掌握flex布局开启flex布局display:flex常见父项属性flex-direction 设置主轴方向主轴分行和列 行 水平向右 列垂直向下默认的主轴就是行支持四个属性row 从左往右(默认) div { display: flex; flex-direction: row; }row-reverse 从右往左 div { ...
- 1. 是什么position属性规定元素的定位类型。任何元素都可以定位，不论该元素本身是什么类型,绝对或固定元素会生成一个块级框，相对定位元素会相对于它在正常流中的默认位置偏移。 2. position属性有五个可选值: absolute、fixed、relative、static、inherit、sticky . 2.1 static默认值。没有定位，元素出现在正常的流中。忽略 to... 1. 是什么position属性规定元素的定位类型。任何元素都可以定位，不论该元素本身是什么类型,绝对或固定元素会生成一个块级框，相对定位元素会相对于它在正常流中的默认位置偏移。 2. position属性有五个可选值: absolute、fixed、relative、static、inherit、sticky . 2.1 static默认值。没有定位，元素出现在正常的流中。忽略 to...
- 原文链接源代码 效果预览 先实现一个正方形，然后旋转实现，实现心的下半部分//预设一个div<div class="heart"> </div>.heart { //这里模拟心跳的动画，后面会写 animation: beat 1s infinite; -webkit-animation: beat 1s infinite; //宽为200... 原文链接源代码 效果预览 先实现一个正方形，然后旋转实现，实现心的下半部分//预设一个div<div class="heart"> </div>.heart { //这里模拟心跳的动画，后面会写 animation: beat 1s infinite; -webkit-animation: beat 1s infinite; //宽为200...
- 创作不易 拒绝白嫖 点个赞呗 关注专栏 学透CSS,带你走进CSS的深处！！！ 兼容性box-shadow 基本兼容市面上的大部分浏览器，所以不需要考虑兼容性。 是什么box-shadow可以在元素上添加阴影，一个元素可以添加多个阴影。 语法box-shadow:offset-x offset-y blur spread color position(可选) offset-x指定阴影的水平... 创作不易 拒绝白嫖 点个赞呗 关注专栏 学透CSS,带你走进CSS的深处！！！ 兼容性box-shadow 基本兼容市面上的大部分浏览器，所以不需要考虑兼容性。 是什么box-shadow可以在元素上添加阴影，一个元素可以添加多个阴影。 语法box-shadow:offset-x offset-y blur spread color position(可选) offset-x指定阴影的水平...
- 前言@support并属于比较新的CSS3属性了，几年前，@support刚出现的时候，大家其实对这个属性并没有啥感觉，因为那个时候CSS3在浏览器上的兼容性不是太好，并且有的浏览器也不兼容@support属性了，但是现在我觉得大家真的可以用起来了！ @support允许我们在应用样式块之前，测试浏览器是否支持特定的属性：值组合；这个就有点类似@media，当浏览器的宽度介于每个区间，匹配... 前言@support并属于比较新的CSS3属性了，几年前，@support刚出现的时候，大家其实对这个属性并没有啥感觉，因为那个时候CSS3在浏览器上的兼容性不是太好，并且有的浏览器也不兼容@support属性了，但是现在我觉得大家真的可以用起来了！ @support允许我们在应用样式块之前，测试浏览器是否支持特定的属性：值组合；这个就有点类似@media，当浏览器的宽度介于每个区间，匹配...
- 创作不易 拒绝白嫖 点个赞呗关注专栏 学透CSS,带你走进CSS的深处！！！ 前言学以致用 [xué yǐ zhì yòng]学以致用，汉语成语，拼音是xué yǐ zhì yòng，意思是为了实际应用而学习。出自《为有源头活水来》。学习一门编程语言，不仅仅是学习他的语法，而是要将它应用到具体的场景中去。只有这样才能更好的从入门到精通。对于CSS来说，由于CSS的特殊性，导致它的学习不能局限... 创作不易 拒绝白嫖 点个赞呗关注专栏 学透CSS,带你走进CSS的深处！！！ 前言学以致用 [xué yǐ zhì yòng]学以致用，汉语成语，拼音是xué yǐ zhì yòng，意思是为了实际应用而学习。出自《为有源头活水来》。学习一门编程语言，不仅仅是学习他的语法，而是要将它应用到具体的场景中去。只有这样才能更好的从入门到精通。对于CSS来说，由于CSS的特殊性，导致它的学习不能局限...
- 前言上文我们介绍了，背景图片以及渐变，但是仅仅学会那点，只是背景图片的九牛一毛，本文要介绍的backdround-* 大家族，也是背景图片千变万化的基石。 background-repeat ：如何平铺背景图片。 语法 单值语法background-repeat：属性值；repeat：在两个方向上平铺图像。这是默认值。background-image: url('./juejin.png'... 前言上文我们介绍了，背景图片以及渐变，但是仅仅学会那点，只是背景图片的九牛一毛，本文要介绍的backdround-* 大家族，也是背景图片千变万化的基石。 background-repeat ：如何平铺背景图片。 语法 单值语法background-repeat：属性值；repeat：在两个方向上平铺图像。这是默认值。background-image: url('./juejin.png'...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签