526互联

优惠券 波浪 效果css

js打字输出效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <p id="p1">啊啊啊啊啊啊啊啊啊啊啊啊啊</p> </body> <script> var p ......
效果

8 CSS文本属性

##### 8 文本属性 font-style（字体样式风格） ``` /* 属性值： normal：设置字体样式为正体。默认值。 italic：设置字体样式为斜体。这是选择字体库中的斜体字。 oblique：设置字体样式为斜体。人为的使文字倾斜，而不是去使用字体库的斜体字。 */ ``` font ......
属性 文本 CSS

三维与动态效果

先把小球的缩放动画做好 想让球的缩放更有弹性感一点，把关键帧打上缓动 把logo导进来，发现颜色是蓝色的，加一个填充特效就能改成白色了 把对象的三位属性打开 ![image](https://img2023.cnblogs.com/blog/1510515/202308/1510515-202308 ......
效果 动态

CSS基础-定位

CSS中通常使用position 属性，决定元素的定位方式。 常用的定位方式通常有 | 值 | 意义 | | | | | relative | 相对定位 | | absolute | 绝对定位 | | fixed | 固定定位 | ## 相对定位 position 设置为 relative。 相对定 ......
基础 CSS

7 CSS选择器优先级

##### 7 选择器优先级 所谓CSS优先级，即是指CSS样式在浏览器中被解析的先后顺序。样式表中的特殊性描述了不同规则的相对权重。 ``` /* !important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性 1 内联样式表的权值最高 style ......
优先级 CSS

LabelText添加样式by Css

......
样式 LabelText Css

6 CSS样式继承

##### 6 样式继承 CSS的样式表继承指的是，特定的CSS属性向下传递到子孙元素。总的来说，一个HTML文档就是一个家族，然后html元素有两个子元素，相当于它的儿子，分别是head和body，然后body和head各自还会有自己的儿子，最终形成了一张以下的家族谱。 ![image](http ......
样式 CSS

5 CSS伪类选择器

##### 5 伪类选择器 anchor伪类：专用于控制链接的显示效果 |More Actions[:link](https://www.w3school.com.cn/cssref/selector_link.asp) |a:link |选择所有未被访问的链接。 | | | | | |[:visi ......
CSS

css 右上角三角形标签样式

<style> .box{ position: relative; height: 100px; width: 300px; border: 1px solid gray; box-sizing: border-box; } .sanjiao{ position: absolute; top: 0; ......
三角形 样式 标签 css

css 右上角标的效果

右上角 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>制作角标的方法</title> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/j ......
效果 css

4 CSS属性选择器

##### 4 属性选择器 属性选择器是通过元素的属性及属性值来选择元素的。下面介绍属性选择器的用法。 1. 第一种用法 ``` 作用：选择含有指定属性的元素。 语法：[属性名]{} ``` 示例如下： ```html 属性选择器 用户名： 密 码： 数据量： ``` 运行结果： ![image]( ......
属性 CSS

CSS 实现一个带弧边的区域

一、需求描述 在移动端的开发中，经常遇到下图这样的弧边设计 弧边其实有很多方案，但像上图这样的情况更适合用 border 实现，因为这样更方便封装为组件 二、初步实现 可以将页面顶部的区域看做一个大圆与页面的交集，基于这个思路就能开发出一个基本的 html 结构 <body> <div classN ......
区域 CSS

webpack压缩 CSS 文件

转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack压缩 CSS 文件 压缩 CSS 文件需要使用到 optimize-css-assets-webpack-plugin插件 一、压缩 css 文件的核 ......
webpack 文件 CSS

webpack的css 兼容性处理

转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack的css 兼容性处理 处理 css 兼容性需要使用到 postcss-loader 和postcss-preset-env 两个插件 一、css 兼容 ......
兼容性 webpack css

webpack提取 CSS 成单独文件

转载请注明 来源:http://www.eword.name/ Author：eword Email:eword@eword.name webpack提取 CSS 成单独文件 提取css 成单独文件需要用到 mini-css-extract-plugin插件 一、提取 css 的核心配置 // we ......
webpack 文件 CSS

CSS – Houdini

介绍 简单说这个 Houdini 是一系列 CSS 底层 API，它可以让我们扩展 CSS，做出一些 Polyfill。 举一个例子，让大家有个画面。 我们可以通过 CSS + JS + Canvas 语法来自创 CSS 语法，游览器解析 CSS 时它会跑我们的 JS，而 JS 用类似 Canvas ......
Houdini CSS

博客园css与目录导航

默认配置： 皮肤：BlueSky ## 页面定制css代码 ``` :root { --accent-color: #696969; /* nice */ --primary-colour: #306797; /* */ --background-color: white; --background ......
目录 博客 css

1.9 PC 端预览模板的移动端效果

# 一、PC 端预览模板的移动端 ## 1. 访问单张模板 ``` %FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\form\简单自由填报-phone.cpt ``` ## 2. 复制模板预览链接 1）在 FineReport 设计器中，打开任意一 ......
模板 效果 1.9 PC

CSS实现文字描边效果

一、介绍最近在一个项目的宣传页中，设计师使用了文字描边效果，之前我确实没有实现过文字的描边效果，然后我在查阅资料后，知道了实现方法。文字描边分为两种：内外双描边和单外描边，也就是指在给文字加上描边效果后，描边的方向是向内外同时占用文字空间还是只向外扩充文字空间的区别。 二、具体代码1、文字内外双描边 ......
效果 文字 CSS

CSS交集选择器

作用: 选中同时符合多个条件的元素 交集选择器有并且的含义通俗理解就是(即......又......), 举例: 小王年轻且长得帅 语法: 选择器1选择器2选择器3...(紧紧挨在一起) 举例: /* 标签配合类选择器使用,h1为标签 .fruit为类选择器 */ h1.fruit { color: ......
交集 CSS

CSS选择器优先级

CSS中有哪些常用的选择器? ID选择器 类选择器 元素选择器 如果同时使用的话哪个优先级更高? 内联样式 > ID选择器 > 类选择器 > 元素选择器 代码举例,比如下面这段代码,同时使用了类选择器和标签(元素)选择器,但是h1标签中内容的颜色是绿色,因为类选择器优先级要高于元素选择器 <!DOC ......
优先级 CSS

[oeasy]python0085_[趣味拓展]字体样式_下划线_中划线_闪动效果_反相_取消效果

字体样式 回忆上次内容 \033 xm 可以改变字体样式 0m - 10m 之间设置的 都是字体效果 0m 复原 1m 变亮 2m 变暗 ​ 添加图片注释，不超过 140 字（可选） 从3m到10m 又是什么效果 呢？？ ​ 添加图片注释，不超过 140 字（可选） 真的可以 让文字 blink闪烁 ......
效果 下划线 样式 趣味 字体

现代CSS布局技术：Flexbox和Grid的使用指南和最佳实践

在现代Web开发中，CSS布局技术变得越来越重要。Flexbox和Grid是两种常用的CSS布局技术，它们可以帮助我们创建灵活、可维护的布局。 ......
使用指南 布局 Flexbox 指南 技术

如何用CSS实现响应式设计并优化用户体验

在移动设备的时代，网站的响应式设计变得越来越重要。响应式设计的目标是使网站适应不同尺寸和分辨率的设备，并提供最佳的用户体验。本文将介绍如何使用CSS实现响应式设计并优化用户体验。 ......
用户 CSS

3 CSS组合选择器

##### 3 组合选择器 页面元素比较复杂，存在多个嵌套。为了更加灵活选择页面中的元素，CSS中还提供了组合选择器。组合选择器就是将多个基本选择器通过一定的规则连接起来组成一个复杂选择器。 ###### 后代子代选择器 ```html Title item1 item2 item3 item4 ` ......
CSS

2 css基本选择器

##### 2 基本选择器 ![image](https://img2023.cnblogs.com/blog/2595693/202308/2595693-20230818141952600-761327900.png) ###### id选择器 id选择器使用“#”进行标识，后面紧跟id名，其基 ......
css

css相对定位+绝对定位

1、开启定位 相对定位：给元素设置position:relative 并且需要设置left、right、top、bottom四个属性来调整位置，如果没有设置这4个属性，默认都是0，这时盒子在视界上不会发生移动。 绝对定位：给元素设置position:absolute 并且需要设置left、right ......
css

1 CSS的引入方式

##### 1 CSS的引入方式 CSS样式有三种不同的使用方式，分别是行内样式，嵌入样式以及链接式。我们需要根据不同的场合不同的需求来使用不同的样式。 - 行内样式 行内样式，就是写在元素的style属性中的样式，这种样式仅限于元素内部起作用。当个别元素需要应用特殊样式时就可以使用内联样式。但不推 ......
方式 CSS

CSS基础-浮动

### 浮动 浮动是为了元素标签的并排显示问题。 我们在浏览网页的时候，经常会看到 几个 div 块是可以并排显示的， 浮动就是解决这样问题的方法之一。 **float属性有以下的值** - float: left; 左浮动 - float: right 右浮动 **浮动的特点** - 浮动主要针对 ......
基础 CSS

瞅瞅吧！你可能会用到的 css 动画库

原文链接：[推荐几个你可能会用到的 CSS 动画库](https://fe32.top/articles/css10004/) ![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b52b411aacde44e9836ce13 ......
画库 css
共2200篇  :30/74页 首页上一页30下一页尾页