- 三、标签显示模式（display） 3.1、什么是标签显示模式标签以什么方式进行显示，比如div 自己占一行，比如span一行可以放很多个。我们网页的标签非常多，再不同地方会用到不同类型的标签，以便更好的完成我们的网页。HTML标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。 3.2、块级元素(block-level)常见的块元素有<h1>~<h6>、<p>、<div>、<... 三、标签显示模式（display） 3.1、什么是标签显示模式标签以什么方式进行显示，比如div 自己占一行，比如span一行可以放很多个。我们网页的标签非常多，再不同地方会用到不同类型的标签，以便更好的完成我们的网页。HTML标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。 3.2、块级元素(block-level)常见的块元素有<h1>~<h6>、<p>、<div>、<...
- 二、CSS选择器 2.1、CSS选择器作用我们可以通过选择器，快速找到特定的HTML页面元素，把我们想要的标签选择出来。简答来说，CSS一声就做两件事：选对人做对事。h3 { color: red;}这段代码就是2件事， 把 h3选出来（选对人）， 然后把它变成了红色（做对事），选择器分为基础选择器和复合选择器。 2.2、CSS基础选择器 2.2.1、标签选择器 2.2.1.1、概念标... 二、CSS选择器 2.1、CSS选择器作用我们可以通过选择器，快速找到特定的HTML页面元素，把我们想要的标签选择出来。简答来说，CSS一声就做两件事：选对人做对事。h3 { color: red;}这段代码就是2件事， 把 h3选出来（选对人）， 然后把它变成了红色（做对事），选择器分为基础选择器和复合选择器。 2.2、CSS基础选择器 2.2.1、标签选择器 2.2.1.1、概念标...
- 前言本文需要一点HTML的基础，没有基础的小伙伴可以看我的这篇文章：前端HTML万字血书大总结，来看看你入门了吗？ 一、初识CSS 1.1、HTML的缺点说起HTML，这其实是个非常单纯的家伙， 他只关注内容的语义， 比如<h1>表明这是一个大标题，用<p> 表明这是一个段落，用<img> 表明这儿有一个图片， 用<a> 表示此处有链接。很早的时候，世界上的网站虽然很多，但是他们都有一个共... 前言本文需要一点HTML的基础，没有基础的小伙伴可以看我的这篇文章：前端HTML万字血书大总结，来看看你入门了吗？ 一、初识CSS 1.1、HTML的缺点说起HTML，这其实是个非常单纯的家伙， 他只关注内容的语义， 比如<h1>表明这是一个大标题，用<p> 表明这是一个段落，用<img> 表明这儿有一个图片， 用<a> 表示此处有链接。很早的时候，世界上的网站虽然很多，但是他们都有一个共...
- 前端应知应会：flex布局详解flex布局可以说是当下前端开发必须学会的一个基本技能，它在面试中的出场率也很高，有必要专门讲解一下。flex布局全称flexible box布局模型，是一种比较高效的css3布局方案通过设置元素的display属性，改成flex属性.box{ display:flex;}来指定对应容器为flex布局。然后它的所有子元素自动成为了容器元素，不脱离文档流的情况下... 前端应知应会：flex布局详解flex布局可以说是当下前端开发必须学会的一个基本技能，它在面试中的出场率也很高，有必要专门讲解一下。flex布局全称flexible box布局模型，是一种比较高效的css3布局方案通过设置元素的display属性，改成flex属性.box{ display:flex;}来指定对应容器为flex布局。然后它的所有子元素自动成为了容器元素，不脱离文档流的情况下...
- 作者：坚果公众号："大前端之旅"华为云享专家，InfoQ签约作者，阿里云专家博主，51CTO博客首席体验官，开源项目GVA成员之一，专注于大前端技术的分享，包括Flutter,小程序,安卓，VUE，JavaScript。深入理解 Flutter 布局约束 首先，上层 widget 向下层 widget 传递约束条件； 然后，下层 widget 向上层 widget 传递大小信息。 最后，上层... 作者：坚果公众号："大前端之旅"华为云享专家，InfoQ签约作者，阿里云专家博主，51CTO博客首席体验官，开源项目GVA成员之一，专注于大前端技术的分享，包括Flutter,小程序,安卓，VUE，JavaScript。深入理解 Flutter 布局约束 首先，上层 widget 向下层 widget 传递约束条件； 然后，下层 widget 向上层 widget 传递大小信息。 最后，上层...
- 一、前言网站开发过程中，若页面整体背景为白色，其中的页签元素若使用普通的样式，整个页面看上去就会比较呆板、平面化。可以考虑应用圆角、阴影效果增加页面活力。其中，CSS3定义了两种阴影：盒子阴影和文本阴影。其中盒子阴影需要IE9及以上版本，而文本阴影需要IE10及以上版本。下面介绍box-shadow盒子阴影的使用：对最底下div元素设置样式如下：<style scoped> .wrappe... 一、前言网站开发过程中，若页面整体背景为白色，其中的页签元素若使用普通的样式，整个页面看上去就会比较呆板、平面化。可以考虑应用圆角、阴影效果增加页面活力。其中，CSS3定义了两种阴影：盒子阴影和文本阴影。其中盒子阴影需要IE9及以上版本，而文本阴影需要IE10及以上版本。下面介绍box-shadow盒子阴影的使用：对最底下div元素设置样式如下：<style scoped> .wrappe...
- 本套课程正式进入Python爬虫阶段，具体章节根据实际发布决定，可点击【python爬虫】分类专栏进行倒序观看：【重点提示：请勿爬取有害他人或国家利益的内容，此课程虽可爬取互联网任意内容，但无任何收益，只为大家学习分享。】开发环境：【Win10】开发工具：【Visual Studio 2019】Python版本：【3.7】1、重新创建一个空项目【T3】：2、需要用的模块【request... 本套课程正式进入Python爬虫阶段，具体章节根据实际发布决定，可点击【python爬虫】分类专栏进行倒序观看：【重点提示：请勿爬取有害他人或国家利益的内容，此课程虽可爬取互联网任意内容，但无任何收益，只为大家学习分享。】开发环境：【Win10】开发工具：【Visual Studio 2019】Python版本：【3.7】1、重新创建一个空项目【T3】：2、需要用的模块【request...
- 🎇两种过年烟花，你喜欢哪一种🎇(HTML+CSS+JS) 目录🎇两种过年烟花，你喜欢哪一种🎇(HTML+CSS+JS) 效果一效果二效果一<!doctype html><html><head><meta charset="utf-8"><title>HTML5炫酷喜庆全屏烟花动画特效</title><style>/* basic styles for black backgr... 🎇两种过年烟花，你喜欢哪一种🎇(HTML+CSS+JS) 目录🎇两种过年烟花，你喜欢哪一种🎇(HTML+CSS+JS) 效果一效果二效果一<!doctype html><html><head><meta charset="utf-8"><title>HTML5炫酷喜庆全屏烟花动画特效</title><style>/* basic styles for black backgr...
- 🌊 作者主页：海拥🌊 简介：🏆CSDN全栈领域优质创作者、🥇HDZ核心组成员、🥈蝉联C站周榜前十🌊 粉丝福利：粉丝群 每周送6~9本书，不定期送各种小礼品，往期获奖公布了解带有HTML和CSS教程的Build Glass网站。使用HTML和CSS在您的网站上添加Glass效果。为初学者学习HTML的简便方法。通过遵循我的Youtube视频教程，您可以轻松地建立这个Glass网站。... 🌊 作者主页：海拥🌊 简介：🏆CSDN全栈领域优质创作者、🥇HDZ核心组成员、🥈蝉联C站周榜前十🌊 粉丝福利：粉丝群 每周送6~9本书，不定期送各种小礼品，往期获奖公布了解带有HTML和CSS教程的Build Glass网站。使用HTML和CSS在您的网站上添加Glass效果。为初学者学习HTML的简便方法。通过遵循我的Youtube视频教程，您可以轻松地建立这个Glass网站。...
- 6.1，定位属性 定位属性定位属性用于设置元素在页面中的位置使用position属性来表示定位它的值可以设置为：static、relative、absolute、fixed默认值为static，表示标准流布局 定位位置在使用定位属性定位元素位置的时候，可以指定上下左右四个属性来控制元素的位置top用于设置元素定位时距离上部的偏移距离bottom用于设置元素定位时距离下部的偏移距离left用... 6.1，定位属性 定位属性定位属性用于设置元素在页面中的位置使用position属性来表示定位它的值可以设置为：static、relative、absolute、fixed默认值为static，表示标准流布局 定位位置在使用定位属性定位元素位置的时候，可以指定上下左右四个属性来控制元素的位置top用于设置元素定位时距离上部的偏移距离bottom用于设置元素定位时距离下部的偏移距离left用...
- 5.1，浮动 什么叫浮动浮动是指将元素脱离文档流向左或者向右布局使用float属性来设置元素的浮动默认值为none，也就是不浮动还可以设置为left，表示向左浮动；或设置为right，表示向右浮动 浮动的特点一旦对元素设置浮动后，无论之前元素是内联元素还是块级元素，都会被当作块级元素处理一旦对元素设置浮动之后，该元素便会脱离标准流，会造成其父元素的内容塌陷 例如.box{ float... 5.1，浮动 什么叫浮动浮动是指将元素脱离文档流向左或者向右布局使用float属性来设置元素的浮动默认值为none，也就是不浮动还可以设置为left，表示向左浮动；或设置为right，表示向右浮动 浮动的特点一旦对元素设置浮动后，无论之前元素是内联元素还是块级元素，都会被当作块级元素处理一旦对元素设置浮动之后，该元素便会脱离标准流，会造成其父元素的内容塌陷 例如.box{ float...
- 4.1，盒模型 什么叫盒模型盒模型，英文叫做Box Model所有的HTML元素都可以看作一个盒子模型我们可以把盒模型就想象成为一个盒子盒模型中主要用来对HTML元素进行布局时使用 盒模型的作用浏览器在渲染页面的时候就会根据CSS盒模型的规则，将所有的HTML元素表示为一个个的矩形盒子，之后CSS的相关属性就作用在这些盒子上，决定了盒子的大小位置和属性等，最终显示出来。 盒模型的构成一个盒... 4.1，盒模型 什么叫盒模型盒模型，英文叫做Box Model所有的HTML元素都可以看作一个盒子模型我们可以把盒模型就想象成为一个盒子盒模型中主要用来对HTML元素进行布局时使用 盒模型的作用浏览器在渲染页面的时候就会根据CSS盒模型的规则，将所有的HTML元素表示为一个个的矩形盒子，之后CSS的相关属性就作用在这些盒子上，决定了盒子的大小位置和属性等，最终显示出来。 盒模型的构成一个盒...
- 3.1，字体 字体使用font-family属性来定义文字的字体属性值为字体的名称，可以设置多个字体名称，浏览器会按照顺序使用它第一个支持的字体字体优先级列表 字体尺寸使用font-size属性来定义文字的尺寸属性值为长度值，例如：30px，也可以使用百分比，例如：50% 如何在Chrome浏览器中查看网页的字体 字体样式使用font-style属性设置文字为斜体默认属性值为normal显... 3.1，字体 字体使用font-family属性来定义文字的字体属性值为字体的名称，可以设置多个字体名称，浏览器会按照顺序使用它第一个支持的字体字体优先级列表 字体尺寸使用font-size属性来定义文字的尺寸属性值为长度值，例如：30px，也可以使用百分比，例如：50% 如何在Chrome浏览器中查看网页的字体 字体样式使用font-style属性设置文字为斜体默认属性值为normal显...
- 1，通配符选择器和元素选择器 什么是通配符选择器CSS的通配符选择器是一种比较特殊的选择器，用’*'表示。格式：*{property:value;...}含义：可以选中页面中所有元素，对所有元素都生效用途：一般用于设置一些初始化的公共属性例如：*{margin:0px;padding:0px;} 什么是元素选择器使用某个HTML元素名作为选择器是一种最简单的选择器格式：E{property... 1，通配符选择器和元素选择器 什么是通配符选择器CSS的通配符选择器是一种比较特殊的选择器，用’*'表示。格式：*{property:value;...}含义：可以选中页面中所有元素，对所有元素都生效用途：一般用于设置一些初始化的公共属性例如：*{margin:0px;padding:0px;} 什么是元素选择器使用某个HTML元素名作为选择器是一种最简单的选择器格式：E{property...
- 1，CSS简介 1.1，CSS 什么是CSSCSS的英文全称为Cascading Style Sheets，中文名为级联样式单，一般也称为层叠样式表单。 CSS的功能CSS是一种样式表现语言，它是对网页结构语言（HTML）的补充。主要用于对网页样式的定义，例如布局、颜色、文本等的设计。 CSS的作用精确控制页面中的各个元素 1.2，CSS的发展史 CSS的版本CSS1.0版本发布于1996... 1，CSS简介 1.1，CSS 什么是CSSCSS的英文全称为Cascading Style Sheets，中文名为级联样式单，一般也称为层叠样式表单。 CSS的功能CSS是一种样式表现语言，它是对网页结构语言（HTML）的补充。主要用于对网页样式的定义，例如布局、颜色、文本等的设计。 CSS的作用精确控制页面中的各个元素 1.2，CSS的发展史 CSS的版本CSS1.0版本发布于1996...
上滑加载中
推荐直播
-
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步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签