- 本文详细说明了在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后，为了尽可...
上滑加载中
推荐直播
-
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步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签