<!--给标签p的class取个名字叫myClass，注class名可以有多个--><p class="myClass">hello web</p><div class="myClass1 myClass2 myClass3"> 我的class名有3个，每一个都可以控制我的表现形式</div>CSS文件代码如下:/*这是CSS注释*/
/
转载
2023-06-06 10:09:35
77阅读
用js触发CSS3-transition过渡动画经过这几天的工作，让我进一步的了解到CSS3的强大，原本许多需要js才能实现的动画效果，现在通过CSS3就能轻易实现了，但是CSS3也有自身的不足，例如说在动画出发触发上就没有js灵活，因此我就开始考虑将CSS3与Js结合使用。不过要注意CSS3属性兼容性问题平时我们直接使用transition动画一般是这样的鼠标放置在div方块上触发动画效果（鼠标
转载
2023-06-06 09:41:43
79阅读
1、元素浮动–float属性通过浮动可以使一个元素向其父元素的左侧或右侧移动，使用 float 属性来设置元素的浮动， 可选值：none 默认值 ，元素不浮动 left 元素向左浮动 right 元素向右浮动注意：元素设置浮动以后，水平布局的等式便不需要强制成立元素设置浮动以后，会完全从文档流中脱离，不再占用文档流的位置， 所以元素下边的还在文档流中的元素会自动向上移动浮动的特点：浮动元素会完全脱
转载
2023-12-13 23:11:11
225阅读
# 如何实现 JavaScript 控制 CSS 动画重新播放
## 1. 整体流程
首先我们需要了解整体的流程，下面是实现 JavaScript 控制 CSS 动画重新播放的步骤表格：
```mermaid
erDiagram
User --|> Understands
Understands --|> Implements
Implements --|> Code
原创
2024-04-25 04:39:38
626阅读
JS设置CSS样式的几种方式 用JS来动态设置CSS样式，常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效如果属性有'-'号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style['text-align'] = '100px';element.
转载
2023-06-08 11:01:30
67阅读
一、配置全局css// main.js文件下
// 配置全局css样式
import '@/assets/css/global.css'
requrie('@/assets/css/global.css');直接导入css文件就可以在全局中应用二、配置全局JS// 1. assets文件夹下新建一个js文件夹
// 2. 在js文件夹中建一个settings.js文件
'''settings.
转载
2023-06-09 08:48:43
76阅读
JavaScript 都是关于动态的东西，处理动态 CSS 更改只是 JavaScript 正是我们需要的场景之一。使用 JavaScript，我们可以为 DOM 中的一个或多个元素设置 CSS 样式，修改它们，删除它们，甚至更改所有页面的整个样式表。 让我们来看看我们可以做到这一点的不同方法：1. 用 JavaScript 改变 CSS 内联属性直接从 JavaScript 设置单个样式是处理
转载
2023-11-28 11:19:55
171阅读
HTML、 CSS、 JavaScript三者的关系
网页主要由三部分组成： 结构（ Structure） 、 表现（ Presentation） 和行为（ Behavior）
HTML —— 结构， 决定网页的结构和内容（ “是什么”）
CSS —— 表
转载
2023-06-08 13:36:34
103阅读
css 作用为网页添加样式，为了让网页更有吸引力。让网页展示效果更好样式层叠表css 引入方式及等级外链式： 单独写成样式文件，用link方式进行引入 外链式可以让页面现加美观。内嵌式： 在网的head当中，用style来写行内： 在标签当中写入。行内> 内嵌式> 外链式。单独为一个页面当中的标签设置样式，使用内嵌式或者是行内。css 选择器标签选择器 全局的类选
转载
2023-07-10 18:26:17
281阅读
# 如何实现“javascript CSS A”
## 一、整体流程
首先，我们需要了解整个实现过程的步骤。下面是一个简单的表格展示：
| 步骤 | 操作 |
| --- | --- |
| 1 | 创建一个HTML文件 |
| 2 | 编写CSS样式 |
| 3 | 使用JavaScript改变CSS样式 |
## 二、具体操作步骤
### 1. 创建一个HTML文件
首先，我们需要
原创
2024-04-10 06:56:23
17阅读
今天我们来了解css的操作，并运用css实现更换样式，滑动广告，放大镜等功能1.操作css更换样式方法一：直接操作style方法二：操作calss<style>
//定义a的样式
.a{
border: 10px solid green; //添加边框，边框大小，实线，颜色为绿色
box-shadow: 0px 0px
转载
2023-09-26 17:38:28
35阅读
需求分析使用JavaScript做前端开发的时候，经常需要操作DOM和CSS来改变界面，而做简单动画时也必须操作css。实现方法以前我一直使用DOM对象的style属性来操作该元素的css，类似下面的代码： < !DOCTYPE html>
<html>
<head>
<title>TITLE</title&g
转载
2024-01-19 22:43:35
45阅读
<div onClick="test('yellow')">
CSS Variable
</div>================CSS
:root{
--mainColor:red;
}div{
background:black;
color:var(--mainColor);
}div{
text-align:center;
}:root {
--ma
转载
2023-07-01 10:20:51
64阅读
10、控制语句---if语句
10_1:if-else语句
if(表达式){
语句1；
。。。。
}else{
语句1；
。。。。
};
示例：
var a = 1;
if (a
转载
2023-07-22 22:26:13
31阅读
CSS控制背景------------------CSS2-------------------------------------------------------1.background:2.background-color:3.background-p_w_picpath: url();默认背景图片在元素的左上角显示4.background-repeat: repeat\no-repeat
原创
2016-05-08 13:29:54
422阅读
HTML+JS+CSS实现学生信息管理系统效果页面增删改查翻页代码难点难点1难点2难点3难点4结语 效果话不多说，直接看效果，本次代码较为复杂，希望大家可以耐心阅读。 完整代码也可以在我的GitHub中找到，GitHub链接在此页面增点击新增按钮，弹出如下 新增学生信息 输入框架，输入内容，点击提交，回到初始页面，并将内容写入表格中；点击取消，直接回到初始页面，效果如下所示 当增加数据条数超过初
转载
2023-08-30 22:44:09
116阅读
强制不换行div{
white-space:nowrap;
}
自动换行
div{
word-wrap: break-word;
word-break: normal;
}
强制英文单词断行
div{
word-break:break-all;
}
原创
2011-08-29 13:48:00
658阅读
1 4用是的CSS滤镜 5背景图渐变 6 9dkkkkkkkkkkkkkkkkkkkkk 10表格颜色渐变 11 14背景渐变 15 18说明：gradientType=1 横向，gradientType=0 纵向 19startColorStr ： 渐变起始颜色 20endcolorstr ：渐变中止颜色 ...
转载
2008-06-13 11:15:00
346阅读
2评论
