- 今天是满满干货,话不多说上知识 定位定位（position）的基本思想很简单，它允许用户定义元素框相对于其正常位置应该出现的位置，这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素生成一个块级框，而不论该元素是什么类型。position属性可以选择4种不同类型的定位模式。position : static | relative | absolute | fixed... 今天是满满干货,话不多说上知识 定位定位（position）的基本思想很简单，它允许用户定义元素框相对于其正常位置应该出现的位置，这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素生成一个块级框，而不论该元素是什么类型。position属性可以选择4种不同类型的定位模式。position : static | relative | absolute | fixed...
- 前言最近公司在做大屏显示，不过这个页面可以在大屏下显示，也可以在电脑上显示，不过显示的内容是不同的。公司是用的小米电视，通过投屏来显示大屏，当投屏的时候，页面会自动隐藏一些。对于这个需求是使用Document.onfullscreenchange 来进行设置的。效果还是不错的！但是因为最近在学习CSS，所以还是去搜了搜CSS的解决方案，没想到还真有：:fullscreen,这是一个伪类。 ... 前言最近公司在做大屏显示，不过这个页面可以在大屏下显示，也可以在电脑上显示，不过显示的内容是不同的。公司是用的小米电视，通过投屏来显示大屏，当投屏的时候，页面会自动隐藏一些。对于这个需求是使用Document.onfullscreenchange 来进行设置的。效果还是不错的！但是因为最近在学习CSS，所以还是去搜了搜CSS的解决方案，没想到还真有：:fullscreen,这是一个伪类。 ...
- 对于CSS新手来说，阴影，渐变，动画算是比较复杂的属性了，在实际编写的时候，总感觉到很吃力，没有思路。makingcss.com 是一个对新手很友好的，自动生成CSS代码的网站。它提供了# Box Shadow，# Text Shadow，# Border Radius，# Transform，# Transition，# Gradient 6种代码生成器。 Box Shadowbox-sh... 对于CSS新手来说，阴影，渐变，动画算是比较复杂的属性了，在实际编写的时候，总感觉到很吃力，没有思路。makingcss.com 是一个对新手很友好的，自动生成CSS代码的网站。它提供了# Box Shadow，# Text Shadow，# Border Radius，# Transform，# Transition，# Gradient 6种代码生成器。 Box Shadowbox-sh...
- 第二章：CSS 基础 2.1 CSS简介Cascading Style Sheets用来定义页面元素的样式设置字体和颜色设置位置和大小添加动画效果h1{color:white;font-size:14px;}选择器（Selector）：选中要给那些元素定义样式eg：选择器是h1，说明要给h1标签定义样式属性（Value）声明（Declaration）在页面中使用CSS<!-- 外联 -... 第二章：CSS 基础 2.1 CSS简介Cascading Style Sheets用来定义页面元素的样式设置字体和颜色设置位置和大小添加动画效果h1{color:white;font-size:14px;}选择器（Selector）：选中要给那些元素定义样式eg：选择器是h1，说明要给h1标签定义样式属性（Value）声明（Declaration）在页面中使用CSS<!-- 外联 -...
- 一、classList的add()和remove()方法 css样式 .new{ color: #FFD113; } html标签 <span class="old">首页</span> js代码 var arr = document.getElementsByTagName("span"); arr[i].classList.add("new"); /*添加样式... 一、classList的add()和remove()方法 css样式 .new{ color: #FFD113; } html标签 <span class="old">首页</span> js代码 var arr = document.getElementsByTagName("span"); arr[i].classList.add("new"); /*添加样式...
- 选择器的类型基本选择器组合选择器属性选择器伪类选择器伪元素选择器 1. 基本选择器选择器含义作用.class类选择器选择class包含特定类的元素.#idid选择器选择包含特定id的元素*通用元素选择器选择页面中所有的元素E元素选择器选择指定类型的HTML元素（如p,img）select1 ,select2群组选择器将具有相同属性的元素合并 2. 层次选择器选择器含义作用E F后代选择器（... 选择器的类型基本选择器组合选择器属性选择器伪类选择器伪元素选择器 1. 基本选择器选择器含义作用.class类选择器选择class包含特定类的元素.#idid选择器选择包含特定id的元素*通用元素选择器选择页面中所有的元素E元素选择器选择指定类型的HTML元素（如p,img）select1 ,select2群组选择器将具有相同属性的元素合并 2. 层次选择器选择器含义作用E F后代选择器（...
- 一，边框常用的边框属性有7项：border-top,border-botton,border-left,border-right。其中border- width可以一次性设置所有的边框宽度，且需要按照(上右下左)的顺序。border-color设置边框颜色，可以按照上右下左的顺序设置四个边框的颜色。border-style(边框样式) ，border-style属性包括了多个边框样式... 一，边框常用的边框属性有7项：border-top,border-botton,border-left,border-right。其中border- width可以一次性设置所有的边框宽度，且需要按照(上右下左)的顺序。border-color设置边框颜色，可以按照上右下左的顺序设置四个边框的颜色。border-style(边框样式) ，border-style属性包括了多个边框样式...
- 一，DIV+CSS布局技术一，div布局页面的优点传统的html标签中，既有控制结构的标签，又有控制变现的标签，还有本意用于控制结构后来被滥用的标签。页面的整个结构标签与表现标签混合在一起div+css的页面布局不仅仅是设计方式的转变，而且是设计思想的转变，这样为网页设计带来很大的方便1.缩减页面代码，提高页面的浏览速度2.缩短了网站改版时间，设计者只要简单地修改css文件即可轻松改版网页... 一，DIV+CSS布局技术一，div布局页面的优点传统的html标签中，既有控制结构的标签，又有控制变现的标签，还有本意用于控制结构后来被滥用的标签。页面的整个结构标签与表现标签混合在一起div+css的页面布局不仅仅是设计方式的转变，而且是设计思想的转变，这样为网页设计带来很大的方便1.缩减页面代码，提高页面的浏览速度2.缩短了网站改版时间，设计者只要简单地修改css文件即可轻松改版网页...
- 如下图所示：$useTabsOnPDP: false !default;https://stackoverflow.com/questions/10643107/what-does-default-in-a-css-property-value-mean含义如下：!default 在 Bootstrap Sass 中经常使用。 它类似于反向 !important。 所有 Bootstrap ... 如下图所示：$useTabsOnPDP: false !default;https://stackoverflow.com/questions/10643107/what-does-default-in-a-css-property-value-mean含义如下：!default 在 Bootstrap Sass 中经常使用。 它类似于反向 !important。 所有 Bootstrap ...
- CSS 与 HTML文档的结合方法css控制网页内容显示格式的方式是通过许多定义的样式属性（乳字号，段落控制等）实现的，并将多个样式属性定义为一组可供调用的选择符。选择符就是某个样式的名称，称之为选择符的原因是，当HTML文档中某元素要使用该样式时，需利用该名称来选择样式想让浏览器显示出样式就需要让浏览器识别调用。这里介绍4种页面中插入样式表的方法：定义内部样式表，定义行内样式表，链入外部... CSS 与 HTML文档的结合方法css控制网页内容显示格式的方式是通过许多定义的样式属性（乳字号，段落控制等）实现的，并将多个样式属性定义为一组可供调用的选择符。选择符就是某个样式的名称，称之为选择符的原因是，当HTML文档中某元素要使用该样式时，需利用该名称来选择样式想让浏览器显示出样式就需要让浏览器识别调用。这里介绍4种页面中插入样式表的方法：定义内部样式表，定义行内样式表，链入外部...
- css的属性单位样式表是由属性和属性值组成的，有些属性值会用到单位。在css中属性值的单位与html中的有所不同一.长度，百分比单位使用css进行排版时，尝尝会在属性值后面加上长度或者百分比的单位1.长度单位长度有相对长度到位和绝对长度单位两种类型。相对长度单位是指以该属性的单位值为基础来完成目前的设置。绝对长度单位将不会随着显示设备的不同而改变。也就是说属性值使用绝对长度单位时，不论在那... css的属性单位样式表是由属性和属性值组成的，有些属性值会用到单位。在css中属性值的单位与html中的有所不同一.长度，百分比单位使用css进行排版时，尝尝会在属性值后面加上长度或者百分比的单位1.长度单位长度有相对长度到位和绝对长度单位两种类型。相对长度单位是指以该属性的单位值为基础来完成目前的设置。绝对长度单位将不会随着显示设备的不同而改变。也就是说属性值使用绝对长度单位时，不论在那...
- 一，css选择符分类css选择符分为很多类，包括：类型选择符，class选择符，id选择符，通用选择符，分组选择符，包含选择符，元素指定选择符，子对象选择符，属性选择符，下面我们来一一讲解1.类型选择符类型选择符是指以文档对象模型（DOM）作为选择符，即选择某个HTML标签为对象，设置其样式规则。类型选择符就是元素本身，定义直接使用元素名称格式：body{css代码}2.类选择符使用类选择... 一，css选择符分类css选择符分为很多类，包括：类型选择符，class选择符，id选择符，通用选择符，分组选择符，包含选择符，元素指定选择符，子对象选择符，属性选择符，下面我们来一一讲解1.类型选择符类型选择符是指以文档对象模型（DOM）作为选择符，即选择某个HTML标签为对象，设置其样式规则。类型选择符就是元素本身，定义直接使用元素名称格式：body{css代码}2.类选择符使用类选择...
- css动画效果 css动画效果
- 事件概述在开发中，JavaScript 帮助开发者创建带有交互效果的页面，是依靠事件来实观的。事件是指可以被 JavaScript 侦测到的行为，是一种 " 触发-响应 " 的机制。这些行为指的就是页面的加载、鼠标单击页面、鼠标指针滑过某个区域等具体的动作，它对实现网页的交互效果起着重要的作用。事件三要素事件由事件源、事件类型和事件处理程序这 3 部分组成，又称为事件三要素，具体解释如下。(... 事件概述在开发中，JavaScript 帮助开发者创建带有交互效果的页面，是依靠事件来实观的。事件是指可以被 JavaScript 侦测到的行为，是一种 " 触发-响应 " 的机制。这些行为指的就是页面的加载、鼠标单击页面、鼠标指针滑过某个区域等具体的动作，它对实现网页的交互效果起着重要的作用。事件三要素事件由事件源、事件类型和事件处理程序这 3 部分组成，又称为事件三要素，具体解释如下。(...
- 通用：1.编码统一：UTF-8；（特殊项目除外）2.命名单词过长以主意为主可将其他单词进行缩写；（详见各部分命名规范）3.文件以功能模块来划分命名（scss/vue/image）所以代码（vue，scss，js）4.采用Tab键（以2个字符为准）缩进， 代码格式化，保持干净整洁，方便维护修改VUE：1.命名规范： 【1】 模块以原型功能为主命名（模块主要是一级文件夹，同... 通用：1.编码统一：UTF-8；（特殊项目除外）2.命名单词过长以主意为主可将其他单词进行缩写；（详见各部分命名规范）3.文件以功能模块来划分命名（scss/vue/image）所以代码（vue，scss，js）4.采用Tab键（以2个字符为准）缩进， 代码格式化，保持干净整洁，方便维护修改VUE：1.命名规范： 【1】 模块以原型功能为主命名（模块主要是一级文件夹，同...
上滑加载中
推荐直播
-
仓颉编程语言开源创新人才培养经验分享2025/08/06 周三 19:00-20:00
张引 -华为开发者布道师-高校教师
热情而富有活力的仓颉社区为学生的学习提供了一个充满机遇和挑战的平台。本次直播探讨如何运用社区的力量帮助同学们变身为开源开发者，从而完成从学生到工程师身份的转变。
回顾中 -
“全域洞察·智控未来” ——云资源监控实战2025/08/08 周五 15:00-16:00
星璇 华为云监控产品经理，霄图 华为云监控体验设计师，云枢 华为云可观测产品经理
本期直播深度解析全栈监控技术实践，揭秘华为云、头部企业如何通过智能监控实现业务零中断，分享高可用系统背后的“鹰眼系统”。即刻预约，解锁数字化转型的运维密码！
即将直播
热门标签