- 本文详细说明了在Html中使用CSS样式的四种方式 本文详细说明了在Html中使用CSS样式的四种方式
- WEB开发-CSS入门学习总结，学习CSS的基础知识和要点。 WEB开发-CSS入门学习总结，学习CSS的基础知识和要点。
- 在引入css文件时有两种选择link 和@import ，但是他们有很大的差别，先来介绍一下，外链式和导入式的差别link是html标签，@import完全是css提供的方式，要写在css文件或者style标签中;他们的加载顺序也是有区别的，当一个页面被加载的时候，link引用的css文件会被同时加载，而@import引入的css文件会等页面全部下载完后再加载;当使用javascript控制... 在引入css文件时有两种选择link 和@import ，但是他们有很大的差别，先来介绍一下，外链式和导入式的差别link是html标签，@import完全是css提供的方式，要写在css文件或者style标签中;他们的加载顺序也是有区别的，当一个页面被加载的时候，link引用的css文件会被同时加载，而@import引入的css文件会等页面全部下载完后再加载;当使用javascript控制...
- 1.表格标签表格由<table>标签来定义；每个表格均有若干行（由 <tr> 标签定义）每行被分割为若干单元格（由 <td> 标签定义）字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等表格TableHTML表格表头: 表格的表头使用<th>标签进行定义；大多数浏览器会把表头显示为粗体居中的文本。HTML带有... 1.表格标签表格由<table>标签来定义；每个表格均有若干行（由 <tr> 标签定义）每行被分割为若干单元格（由 <td> 标签定义）字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等表格TableHTML表格表头: 表格的表头使用<th>标签进行定义；大多数浏览器会把表头显示为粗体居中的文本。HTML带有...
- 先看效果： 实现：1. 定义标签：<h1>北极光之夜。</h1> <div class="bg"></div> <canvas id="canvas"></canvas>h1是标题，.bg是背景图，canvas是画布。2. 开始js部分，先获取画布： var canvas = document.getElementById("canvas"); var ctx = canvas... 先看效果： 实现：1. 定义标签：<h1>北极光之夜。</h1> <div class="bg"></div> <canvas id="canvas"></canvas>h1是标题，.bg是背景图，canvas是画布。2. 开始js部分，先获取画布： var canvas = document.getElementById("canvas"); var ctx = canvas...
- 效果（完整源码在最后）：视频演示：https://www.bilibili.com/video/BV1K54y1877S 制作：定义canvas标签：<canvas id="canvas"></canvas>开始js部分，先定义变量： /* 获取画布 */ var canvas = document.querySelector("#canvas"); ... 效果（完整源码在最后）：视频演示：https://www.bilibili.com/video/BV1K54y1877S 制作：定义canvas标签：<canvas id="canvas"></canvas>开始js部分，先定义变量： /* 获取画布 */ var canvas = document.querySelector("#canvas"); ...
- 先看效果（完整代码在底部）：视频演示：https://www.bilibili.com/video/BV1iK4y1m7ur 实现过程（可一步一步实现）：1.定义标签与基本css样式：<canvas id="canvas"></canvas>canvas{ display: block; }2. 开始正式js部分，先获取画布： var canvas = docu... 先看效果（完整代码在底部）：视频演示：https://www.bilibili.com/video/BV1iK4y1m7ur 实现过程（可一步一步实现）：1.定义标签与基本css样式：<canvas id="canvas"></canvas>canvas{ display: block; }2. 开始正式js部分，先获取画布： var canvas = docu...
- Grid 布局是什么？Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案，是目前唯一一种 CSS 二维布局。利用 Grid 布局，我们可以轻松实现类似下图布局： Grid 布局和 flex 布局讲到布局，我们就会想到 flex布局 ，甚至有人认为既然有 flex布局 了，... Grid 布局是什么？Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案，是目前唯一一种 CSS 二维布局。利用 Grid 布局，我们可以轻松实现类似下图布局： Grid 布局和 flex 布局讲到布局，我们就会想到 flex布局 ，甚至有人认为既然有 flex布局 了，...
- 背景透明，文字不透明的解决方法：为元素添加一个绝对定位的子元素，设置大小和该元素一样，把半透明加在绝对定位元素上作为遮罩，z-index设置到最底部，达到背景半透明效果。使用CSS3新属性rgba。实现透明的方法：css3的opacity，取值从 0 到 1，如opacity : 0.5，IE9及以上版本和标准浏览器都支持。IE8 以及更早的版本支持替代的 filter 属性，例如：filt... 背景透明，文字不透明的解决方法：为元素添加一个绝对定位的子元素，设置大小和该元素一样，把半透明加在绝对定位元素上作为遮罩，z-index设置到最底部，达到背景半透明效果。使用CSS3新属性rgba。实现透明的方法：css3的opacity，取值从 0 到 1，如opacity : 0.5，IE9及以上版本和标准浏览器都支持。IE8 以及更早的版本支持替代的 filter 属性，例如：filt...
- 元素定位之 CSS选择器和XPath选择器 元素定位之 CSS选择器和XPath选择器
- 操作步骤安装ruby 环境下载ruby installer https://rubyinstaller.org/downloads/dos 运行如下命令：$ gem update --system # 这里请翻墙一下$ gem -v2.6.3$ gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.o... 操作步骤安装ruby 环境下载ruby installer https://rubyinstaller.org/downloads/dos 运行如下命令：$ gem update --system # 这里请翻墙一下$ gem -v2.6.3$ gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.o...
- 一、定位定位有三种：相对定位、绝对定位、固定定位1、相对定位：相对于自己原来的位置定位现象和使用：1.如果对当前元素仅仅设置了相对定位，那么与标准流的盒子什么区别。2.设置相对定位之后，我们才可以使用四个方向的属性： top、bottom、left、right特性：1.不脱标 2.形影分离 3.老家留坑（占着茅房不拉屎，恶心人）所以说相对定位在页面中没有什么太大的作用。影响我们页面的布局... 一、定位定位有三种：相对定位、绝对定位、固定定位1、相对定位：相对于自己原来的位置定位现象和使用：1.如果对当前元素仅仅设置了相对定位，那么与标准流的盒子什么区别。2.设置相对定位之后，我们才可以使用四个方向的属性： top、bottom、left、right特性：1.不脱标 2.形影分离 3.老家留坑（占着茅房不拉屎，恶心人）所以说相对定位在页面中没有什么太大的作用。影响我们页面的布局...
- 2020/06/14 这是WEB前端全栈的第一周笔记九层之台，起于累土；千里之行，始于足下。我们的目标是全栈开发，但我们要从最基础的HTML开始。第一章入门。WEB的载体互联网是美国在冷战时期由军方发明而后商业化产生的，所以说美国人曾经也是很厉害的。浏览器的作用是解释HTML和渲染页面。浏览器-服务器就是BS架构。第二章初识。WEB开发分前后端，前端3大件HTML/CSS/JS。WEB标准从... 2020/06/14 这是WEB前端全栈的第一周笔记九层之台，起于累土；千里之行，始于足下。我们的目标是全栈开发，但我们要从最基础的HTML开始。第一章入门。WEB的载体互联网是美国在冷战时期由军方发明而后商业化产生的，所以说美国人曾经也是很厉害的。浏览器的作用是解释HTML和渲染页面。浏览器-服务器就是BS架构。第二章初识。WEB开发分前后端，前端3大件HTML/CSS/JS。WEB标准从...
- web前端常见面试问题总结(2) 1.请描述一下 cookies、sessionStorage 和 localStorage 的区别？ 2.如何在页面上实现一个圆形的可点击区域？ 3.CSS3有哪些新特性？ web前端常见面试问题总结(2) 1.请描述一下 cookies、sessionStorage 和 localStorage 的区别？ 2.如何在页面上实现一个圆形的可点击区域？ 3.CSS3有哪些新特性？
- 什么是ES存算分离技术云搜索服务对存储在服务里面的数据，可以通过接口操作，将数据从EVS、直通盘的储存数据直接转移到对象存储OBS里面。将数据转储到OBS的过程称为冷冻。技术原理这项技术并非简单的将存储转移到对象存储，重点是如何实现Shadow Replica可靠的消除存储副本，以及消除超大存储带来的Cache开销，否则无法实现小节点带大存储。 缓存及其优化办法将数据转储到OBS后，为了尽可... 什么是ES存算分离技术云搜索服务对存储在服务里面的数据，可以通过接口操作，将数据从EVS、直通盘的储存数据直接转移到对象存储OBS里面。将数据转储到OBS的过程称为冷冻。技术原理这项技术并非简单的将存储转移到对象存储，重点是如何实现Shadow Replica可靠的消除存储副本，以及消除超大存储带来的Cache开销，否则无法实现小节点带大存储。 缓存及其优化办法将数据转储到OBS后，为了尽可...
上滑加载中
推荐直播
-
华为云码道-玩转OpenClaw，在线养虾2026/03/11 周三 19:00-21:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中 -
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中
热门标签