CSS杂记

ES6 手写一个“辨色”小游戏

2.项目结构index.htmlindex.cssindex.js本文主要讲述如何使用js实现功能，htmlcss不在此范围。直接上代码。
小皮咖·2024-08-26 07:32

CSS的font-stretch属性与字符胖瘦控制

font-stretchCSS属性用于选择字体的一个更宽（expanded）或更窄（condensed）的版本，以控制字符的“胖瘦”。
读心悦·2024-08-26 06:54

网页记事本

CSS:通过Flexbox布局和样式提升用户界面体验。JavaScript:实现动态功能，如文件
ネф̶-イω·2024-08-26 06:54

掌握CSS的@import：跨文件样式的艺术

标题：掌握CSS的@import：跨文件样式的艺术摘要在CSS的世界里，@import规则是一种允许你导入一个样式表到另一个样式表中的强大工具。这种能力使得样式的组织和重用变得更加灵活和高效。
2402_85758349·2024-08-26 05:15

深入CSS字体的DNA：@font-face规则全解析

标题：深入CSS字体的DNA：@font-face规则全解析CSS的@font-face规则是实现自定义字体功能的核心，它允许网页设计师使用几乎任何字体来增强网页的视觉表现力。
2401_85743969·2024-08-26 04:08

未来浏览器的守护者：CSS @supports 规则全解析

标题：未来浏览器的守护者：CSS@supports规则全解析摘要随着CSS语言的不断发展，新特性层出不穷，但并非所有浏览器都同步支持这些特性。
2401_85762266·2024-08-26 03:59

打印样式的艺术：用CSS @media 规则优化页面输出

标题：打印样式的艺术：用CSS@media规则优化页面输出摘要随着Web技术的发展，CSS已经成为前端设计中不可或缺的一部分。
2401_85761003·2024-08-26 02:54

引号的艺术：用CSS quotes 属性打造个性化引用

引号的艺术：用CSSquotes属性打造个性化引用摘要CSS的quotes属性是一个强大的工具，它允许开发者自定义网页上的引用标记，从而增强网页的视觉效果和用户体验。
2401_85812026·2024-08-26 00:18

＜电子幽灵＞前端第二件：CSS进阶笔记上

CSS进阶笔记上介绍费曼学习法最重要的部分，即把知识教给一个完全不懂的孩子——或者小白。为了更好的自我学习，也为了让第一次接触某个知识范畴的同学快速入门，我会把我的学习笔记整理成电子幽灵系列。
靈镌sama·2024-08-26 00:14

「碎语杂记」第七次人口普查的一些数

昨天网上都在转的一件大事，就是第七次人口普查的数据公布了，很多人写了很多文章研究分析这件事。这件事儿对国家来说，是件大事儿，对我来说，开始没觉得是件大事儿。后来想想，国家的大事儿，就是个人应该关注的事儿，就认真读了些文章。不同侧重，各种分析，各种观点，有些其实是预测和猜测。对这方面缺乏关注和研究，很多文章看不太明白。记一下有关数字，对中国人口现状有个大致的概念。主要条目和具体数字来自于新华视点公众
简叔老魏·2024-08-25 18:57

Vue2前端实现数据可视化大屏全局自适应 Vue实现所有页面自适应 Vue实现自适应所有屏幕

目前页面自适应，尤其是数据可视化大屏的自适应更是案例很多今天就记录一下使用Vue全局自适应各种屏幕大小的功能在Vue.js中创建一个数据大屏，并使其能够自适应不同屏幕大小，通常涉及到布局的响应式设计、CSS
HuiRonmantic·2024-08-25 14:15

Ant-Design-Vue快速上手指南+排坑，操作详细步骤

下面将详细介绍Ant-Design-Vue的快速上手指南和排坑操作，帮助开发者顺利使用这一框架：准备环境学习基础：推荐先学习Vue和ES2015的基础知识，确保对HTML、CSS和JavaScript有一定了解
liyy614·2024-08-25 14:42

HTML1:html基础

客户端)客户端架构软件需要安装,更新麻烦,不跨平台b/s(browser浏览器)网页架构软件无需安装,无需更新,可跨平台浏览器浏览器内核:处理浏览器得到的各种资源网页:结构HTML(超文本标记语言)表现CSS
0cfjg0·2024-08-25 12:32

java 如何实现登陆和注册的验证码功能

login.jsp如下：">登陆页面${mess}请登陆用户名用户名：密 码：验证码：看不清，换一张login.js如下：$(function(){$("table").css({"border
niceLiuSir·2024-08-25 12:01

深入理解CSS中的margin负值

前面的话margin属性在实际中非常常用，也是平时踩坑较多的地方。margin折叠部分相信不少人都因为这样那样的原因中过招。margin负值也是很常用的功能，很多特殊的布局方法都依赖于它。它看似简单，实际上却蛮复杂，本文就margin负值作详细介绍和梳理[注意]关于margin部分的基础知识移步至此表现虽然margin可以应用到所有元素，但display属性不同时，表现也不同【1】block元素可
苘迷·2024-08-25 11:57

css的五种元素定位

css中的五种定位方式1、静态定位（static）2、绝对定位（absolute）3、相对定位（relative）4、固定定位（fixed）5、总结对页面进行布局时必不可少的要对元素进行不同的定位，在css
浮歌儿·2024-08-25 11:26

CSS3多行多栏布局

当前布局由6个等宽行组成，其中第四行有三栏，第五行有四栏。重点第四行设置：代码：img{height:100px;;}section#feature_area{background:#dcd9c0;}section#feature_areaarticle{float:left;width:320px;padding:10px0;background:#fff;border-top:4pxsolid
阿立聊代码·2024-08-25 11:25

CSS3动画——飞行的小精灵

CSS3动画——飞行的小精灵今天的这段代码通过多层结构、渐变色、圆角、多种动画效果以及细节处理，成功地创造了一个充满活力和趣味性的飞行小精灵动画效果。
懒羊羊大王呀·2024-08-25 11:55

CSS行内块级元素布局与定位

1.行内块级元素布局上一节里面我们讲到了float浮动布局以及它的一些使用方法，在这一节里会将到行内块级元素布局的方法。html的元素最开始是只有行内元素和块级元素两种，大多数元素都是块级元素，其特点是独占一行，会尽量占满浏览器的宽度。但这两种元素在布局上比较无力，因此人们开始利用float浮动，这一最开始用于文字环绕的属性来进行布局。这样的布局方式时至今日依然有不少的使用场景，但它的缺点也是非常
从零开始学前端·2024-08-25 11:24

[CSS] CSS元素定位

元素定位定位就是将指定元素放到页面的任意位置。通过定位可以任意摆放元素，比浮动强大。可以通过position来设置。可以通过position来设置可选值static默认值，元素没有开启定位ralative开启元素相对定位absolute开启元素绝对定位fixed开启元素固定地位（固定定位也是绝对定位的一种）relative通过position:relative;开启相对定位开启后，可以通过left
一起来看烟花吧·2024-08-25 11:24

html文档组成三要素,解析CSS基本组成三要素

你对CSS的基本语法是否熟悉，这里和大家分享一下，CSS基本语法很简单主要由三个要素组成,分别是选择符、属性和值。
jeanne4101·2024-08-25 10:52

html语言三要素是,Web前端开发的三要素是什么？

Web前端开发主要包括三个要素分别是：HTML、CSS、JavaScript等，但是随着互联网时代的飞速发展，前端开发技术的三要素也演变成现今的HTML5、CSS3、jQuery，首先，第一要素为HTML5
KNSTY·2024-08-25 10:52

前台解析html标签,前端知识HTML常用标签

什么是结构表现行为html用于描述页面的结构css用于控制页面中元素的样式javascript用于响应用户操作html超文本标记语言负责三个要素中的结构一个最基本的HTML页面：Documenthtml
Hank君·2024-08-25 10:52

XML CSS：结构和样式的完美结合

XMLCSS：结构和样式的完美结合XML（可扩展标记语言）和CSS（层叠样式表）是两种在网页设计和开发中广泛使用的语言。XML主要用于存储和传输数据，而CSS则用于描述数据的呈现方式。
lly202406·2024-08-25 10:51

100套html5网页静态模板 /个人主页网站html模板/Bootstrap扁平化网站源码（公开分享）

它与CSS和JavaScript一起使用，以提供丰富和交互式的用户界面。使用HTML5页面模板对于开发人员和设计师来说有很多优势。
hmz360·2024-08-25 06:51

页面滚动动画-wow.js及Animate.css

Animate.css官网简介Animate.css是一个纯CSS动画库，官方给出了70多种动画特效，使用简单cdn引入使用Example效果更多特效wow.js官网简介WOW.js是轻量级类库，只依赖
quanCN·2024-08-25 05:29

Electron WebPreferences 远程命令执行漏洞（CVE-2018-15685）

该框架支持使用JavaScript、HTML和CSS编写跨平台桌面应用程序。GitHubElectron中存在安全漏洞。远程攻击者可利用该漏洞执行代码。
小 白 萝 卜·2024-08-25 04:42

`CSS`----图标`3D`环绕旋转，近大远小效果

CSS----图标3D环绕旋转，近大远小效果1、先设置图标底部圆环,图片为一张正圆图，给图片外层盒子设置transform:scaleY(0.25);,将图片效果转为椭圆代码如下：.entry-box{
cccc☜·2024-08-25 03:04

HTML第四章 -- CSS样式表

1.CSS样式表CSS样式表分为三种样式：行内样式、内部样式、外部样式(重点)优先级：行内>内部>外部1.行内样式    床前明月光  疑是地上霜2.内部样式head中title下p{/*颜色:红色;*
Oorange..·2024-08-25 03:33

HTML静态网页成品作业(HTML+CSS)——非遗阜阳剪纸介绍设计制作(1个页面)

不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有1个页面。
爱码网页成品·2024-08-25 01:25

webpack.config 之loader

比如.scss或.ts语法在config中的module.rules中加入相关规则对象module:{rules:[{test:/\.scss$/,use:'sass-loader'}]}这段代码可以理解为
EastwardFlow·2024-08-25 01:23

CSS3【待总结学习】

CSS3是CascadingStyleSheets（层叠样式表）的第三个版本，它是前端开发中用于控制网页布局和样式的重要技术。
GISer_Jinger·2024-08-24 23:11

3月12日日记：【WEBPACK】【REACT】

关于webpack遇到的问题本次webpack配置一切顺利，需要注意的地方有两点：在使用babel-loader的时候要将node_modules目录剔除，否则会出现项目中载入css的时候出现css-loader
钟志弘·2024-08-24 21:50

基于SpringBoot的银行OA系统设计与实现

开发语言：Java数据库：MySQL技术：SpringBoot架构，前端使用H5、CSS3、JS和DIV技术工具：MyEclipse、NavicatforMySQL系统展示首页员工管理界面工作任务管理界面申请管理界面摘要在互联网信息技术时代
码农小野·2024-08-24 21:32

使用 Tailwind CSS 实现水平和垂直居中对齐的方法

在前端开发中，可以使用TailwindCSS轻松实现水平和垂直居中对齐。方法1：使用flex布局这种方法最常用且灵活，可以适应各种情况。
B.-·2024-08-24 21:31

CSS基本概念

CSS全称：CascadingStyleSheets层叠样式表/rel=relationship/html引入css的4种方式内联style属性style标签外部文件csslink@importurl（
astak3·2024-08-24 20:14

vue3+ElementPlus之CSS深度访问选择器

vue3+ElementPlus之CSS深度访问-deep前言一、demo环境二、问题1-重置elementpluscss无效三、问题2-引入icon无效1、element-plusIcon需要另外安装
Bennett_G·2024-08-24 20:57

PyQtGraph库的基本使用

文章目录前言PySide6的GraphicsView框架介绍坐标系统核心组件QGraphicsObjectQGraphicsWidgetQGraphicsSceneQGraphicsViewQGraphicsItem
北极象·2024-08-24 16:04

CSS2基础（part-2 继续part-1）

CSS2基础基础简介【全称】CascadingStyleSheets，又名层叠样式表层叠：一层一层涂上去表：列表样式：如文字大小，颜色，元素宽高等。
超雄代码狂·2024-08-24 16:03

vue前端更新后需要清空缓存

现在需要一个解决方案保证每次重新打包部署后，用户浏览器访问网站重新加载js和css，但是未更新还是继续使用缓存加快加载速度。
woflyoycm·2024-08-24 12:06

【国产开源可视化引擎Meta2d.js】快速上手

如果样式或css（特别是css动画）没有初始化完成，可能会报错（宽度为0）或影响显示。
乐吾乐科技·2024-08-24 11:33

vue-quill-editor富文本使用

一、准备css文件用于自定义富文本样式(我的放到了assets/css/quillEditor).ql-snow.ql-picker{height:none!
等....·2024-08-24 11:31

uniapp+vue3的双向渐变

在App.vue中/*每个页面公共css*/@import'common/style/common-style.scss'在common-style.scss中//全局双向渐变.pageColor{background
总萌大人·2024-08-24 11:59

2022-03-31

CSS3新增的选择器简要用法分享下面文章内容部分由小红书（www.xiaohongshutuiguang.cn）转载提供一.通用兄弟选择器:24：E~F，匹配任何E元素之后的同级F元素。
xu1234567·2024-08-24 10:59

CSS设计指南---页面布局

CSS设计指南—页面布局教材：CSS设计指南实现多栏布局三种方案：固定宽度：固定宽度布局的大小不会随用户调整浏览器窗口大小而变化，一般是900到1100像素宽。
怎么啥都不会·2024-08-24 10:22

Three.js CSS3D、CSS2D及精灵的区别

首先，CSS3D和CSS2D都是DOM下的元素，而精灵使用Canvas作为纹理显示。
阿星小栈·2024-08-24 09:51

弹性盒子display:flex——justify-content主轴方向对齐方式、align-items交叉轴对齐方式、 flex-direction修改主轴方向、flex-wrap换行

1、css3弹性盒子CSS3弹性盒（FlexibleBox或flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。
钟意冉冉·2024-08-24 09:21

websocket，css动画和css-position、display、区别

一、websocketcodereturn{//用于存储WebSocket返回的状态数据statusList:[],},mounted(){this.setupWebSocket();this.startBlinking();},methods:{setupWebSocket(){//创建WebSocket连接constsocket=newWebSocket('ws://xxx.xxx:xxx/x
傻傻有内涵的我·2024-08-24 09:21

CSS3 视差滚动相册

一个基于CSS3的视差滚动相册，采用网格布局（主要）与弹性布局。
懒羊羊大王呀·2024-08-24 09:19

VUE3配置sass、less全局变量

less配置流程和sass一致，把文中的scss换成less即可，less中变量定义为：@params-name安装sasssass-loader定义样式全局变量在style/variable.scss
m0_50156032·2024-08-24 09:49
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他