css代码优化

用css动画制作跑马灯组件

自从marquee标签被废弃之后，制作移动文字就变成了一件麻烦事。虽然网上也能找到一些解决方案，但是总有这样那样的问题。不过，vue组件的出现，使得制作一个简单的跑马灯组件成为了可能。在制作之前，先要观察出原来的marquee标签有哪些特点：文字一开始不显示，然后从最右边出现往左边滚动，从左边滚出视野，当最后一个字滚出视野后，再从最右边出来。如何才能实现这样的效果呢，很容易想到的是使用transl
898310778·2024-02-09 19:23

高仿原神官网UI 纯html源码

它采用纯HTML5构建，无需任何额外的CSS或JavaScript库支持，即可实现高度自定义和快速开发。
行动之上·2024-02-09 19:10

微信小程序开发一些经验

对于微信小程序开发入门，还是比较简单的，只需要具备基本的css+js知识就可以了，成本比较低。
极乐叔·2024-02-09 19:47

【HTML+CSS】043.自定义加载动画（学习打卡！）

效果展示在这里插入图片描述Demo代码HTMLDocumentCSShtml,body{margin:0;height:100%;}body{display:flex;justify-content:center
海轰Pro·2024-02-09 19:49

taro踩坑

使用taro下的组建ScrollView时候样式出不来解决方案全局样式引入import'taro-ui/dist/style/index.scss'即可
风雪之隅_b6f7·2024-02-09 18:55

php 网格,你可能不了解的CSS网格函数！

本篇文章给大家介绍一下CSS中的网格函数：fit-content()、minmax()、repeat()。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
沈忘·2024-02-09 17:40

【css】深入解析CSS （4）网格布局

.网格的组成部分：grid-template-columns和grid-template-rows定义了网格轨道grid-template-columns:1fr1fr1fr;//表示三列等宽//两行css
woowen！·2024-02-09 17:39

掌握CSS网格函数fit-content()的妙用

CSS网格布局是一种强大的布局系统，它提供了灵活的网格化设计能力。其中，fit-content()函数是一项重要的功能，它可以帮助我们在网格容器中自动调整网格项的尺寸。
爱编程的鱼·2024-02-09 17:38

java web导入css资源后不生效

路径问题jsp页面使用css样式：检查路径运行项目，打开浏览器，摁F12进入控制台，查看css路径检查路径是否正确：在浏览器中输入路径地址，如果能找到资源则说明路径没有错误浏览器缓存问题快捷键ctrl+
ctrlcvKing·2024-02-09 17:27

【JAVA WEB】 css背景属性 && 圆角矩形的绘制

目录背景属性设置圆角矩形背景属性设置背景颜色,在style中background-color:颜色；背景图片background-image:url(……)背景图片的平铺方式background-repeat:平铺方式repeat平铺（默认）no-repeat不平铺repeat-x水平平铺repeat-y垂直平铺背景图片的位置background-position:200px200px;//x轴y
lzb_kkk·2024-02-09 17:57

【JAVA WEB】CSS

目录CSS是什么？
lzb_kkk·2024-02-09 17:57

Java Web 2.2 CSS样式表

2.2CSS样式表定义——CSS：（cascadingstylesheets，层叠样式表），通常说的样式表。
Boyka_大头·2024-02-09 17:57

day23 其他事件（页面加载事件、页面滚动事件）

目录页面加载事件页面/元素滚动事件页面滚动事件——获取位置页面加载事件加载外部资源（如图片、外联CSS和JavaScript等）加载完毕时触发的事件为什么使用：有时候需要等页面资源全部处理完毕再做一些事老代码喜欢把
亦昭昭·2024-02-09 17:53

【web前端开发】HTML及CSS简单页面布局练习

案例一网页课程案例一网页课程课程体系实战课程案例二商品详情页案例二商品详情商品详情产品参数：产品名称：HTML5+CSS3网页设计  ISBN编号：9787302480723 
爱写代码的July·2024-02-09 17:22

《刻意练习》读书笔记

作者:[美]安德斯·艾利克森（AndersEricsson）/罗伯特·普尔（RobertPool）出版社:机械工业出版社副标题:如何从新手到大师原作名:PEAK:SecretsfromtheNewScienceofExpertise
一路向北__·2024-02-09 16:56

class,id,var命名

CSS的class、id命名是一个很头疼的问题。查完又忘，忘完又查，索性将这些常用的命名都写在一块，找个时间特意记一下，只需一个小时的时间，应该可以把他们都记住。
庄海鑫·2024-02-09 15:46

(14/24) css进阶：（入门）去除冗余的css

更有甚有时候需求更改，带来DOM结构的更改，这时候我们可能无暇关注CSS样式，会造成很多冗余的CSS。
wfaceboss·2024-02-09 15:36

vue指令

前言对vue常见指令进行总结指令作用v-bind为HTML标签绑定属性值，如设置href，css样式等v-model在表单元素上创建双向数据绑定v-on为HTML标签绑定事件v-if条件性的渲染某元素，
封奚泽优·2024-02-09 15:11

微信小程序的学习（2018.4.18）

/news/news',})添加事件bindtapwx的全局对象css的修改：跳转到新闻界面.nav-text{color:blue;font-size:
zn_Liujiang·2024-02-09 15:58

这35个Java代码优化细节，你用了吗？

这35个Java代码优化细节，你用了吗？作者：java架构笔记前言代码优化，一个很重要的课题。可能有些人觉得没用，一些细小的地方有什么好修改的，改与不改对于代码的运行效率有什么影响呢？
weixin_43659776·2024-02-09 15:21

css的布局（BFC）

一、css中常规的定位方案1、普通流元素按照其在HTML中的先后位置自上而下布局。行内元素水平排列，当行被占满后换行；块级元素则会被渲染为完整的一行。所有元素默认都是普通流定位。
煸橙干儿~~·2024-02-09 14:16

vue项目拆分组件思想对比

基于组件拆分：优点：组件增加复用，增加可维护性拆分：.vue=HTML+JS+CSS问题：一旦组件从一个变成了多个，必定形成嵌套关系，从而增加通信成本基于逻辑拆分：优点：逻辑的复用，增加可维护性拆分：拆分的只有
煸橙干儿~~·2024-02-09 14:16

用css控制点击穿透

当开发遇到一种场景,比如在一个元素上添加遮罩层,但是点击在遮罩层上时,实际触发下方的元素点击事件,而不是遮罩层可以用css属性pointer-events来控制;pointer-events:none指定当前元素不可点击
余栀丶·2024-02-09 14:24

实战笔记二（display：inline-table）

一、inline-table《css世界》代码：https://demo.cssworld.cn/3/1-2.phpinline-table的盒子inline-table得到的是，外面是“内联盒子”，里面是
calvinbj·2024-02-09 13:43

less 编译

学习内容less语法1、注释//注释这个注释是css解析不出来的2、变量@aa:10;@bb:1pxsolidred;@cc:blue;3、嵌套.box{color:@cc;border:@bb;}/*
Virtual66·2024-02-09 13:10

Vue动画

Vue动画Vue动画CSStransition在进入/离开的过渡中，会有6个class切换。对于这些在过渡中切换的类名来说，如果使用一个没有名字的，则v-是这些类名的默认前缀。
fanison·2024-02-09 13:36

vue项目引入外部字体

一、vue项目引入外部字体1.网上下载字体包2.在项目中引入字体3.然后在css文件夹创建一个font.css文件，文件用于声明引入的字体，定义字体名称@font-face{font-family:'SourceHanSansCN-Medium
我是人间烟火·2024-02-09 13:35

CSS的Day05（浮动+flex布局）

跟着黑马程序员的课，稍稍对CSS的了解常见的显示模式：行内、块级、行内块在HTML中，标准流也称为文档流或普通流，是指元素按照其在HTML文档中的出现顺序依次排列的方式。
你会魔法吗✧(≖ ◡ ≖✿)·2024-02-09 12:53

CSS-flex布局

青蛙小游戏学习flex布局什么是flex布局？flex布局又称“弹性盒布局”，顾名思义元素就像有弹性一样，会根据空间的大小弹性地分布，甚至会像有弹性一样改变自身的宽度或高度“挤”在同一容器中。flex布局的组成flex布局主要由2个内容组成：父元素container，以及子元素items，items在container中实现flex布局。containeritems是大家约定俗称的称呼。flex布
DuocHI·2024-02-09 12:01

多行溢出隐藏显示省略号的兼容性问题

超出一行隐藏显示省略号，相信大家都已经很熟悉了，用css样式来控制，而且没什么兼容性问题white-space:nowrap;overflow:hidden;text-overflow:ellipsis
一枚倔强的程序员·2024-02-09 12:57

前端——css层叠样式表（盒子模型、div、布局、基本选择器）

文章目录css一、盒子模型0二、div0三、背景图片0四、布局position0五、标签分类0六、基本选择器0七、隔行换色——纯css八、题外话css说明：1）标题加了0表示有需要注意的点2）【】表示需要注意
陈年_H·2024-02-09 12:58

通过vue来添加动画和修改@keyframes属性值

CSS3中增加了@keyframes规则用于创建动画，创建动画的原理是，将一套CSS样式逐渐变化为另一套样式。也就是说通过改变CSS样式而达到动画的效果，所以，要动态去改变动画，只有修改样式。
得知此事须躬行·2024-02-09 11:52

2018-06-03

HTML/CSSHTML标签的type属性:实例在标签中使用type属性：h1{color:green&red}p{color:yellow}header1Aparagraph.定义和用法必需的type
老头子_d0ec·2024-02-09 11:07

gtkmm4 应用程序使用 CSS 样式

文章目录前言css选择器css文件示例源代码效果前言程序样式和代码逻辑分离开使代码逻辑更可观css选择器Cambalache提供了两种css-classes相当于css里的类名:class=“类名”css-name
Computer_Tech·2024-02-09 11:58

下面哪个是html属性不是标记,下面哪个不是表单标记

其取值如下：post：在HTTP请CSS布局HTML小编今天和大家分享中嵌入表单数据get下列哪个是错的？
weixin_39760650·2024-02-09 11:51

css before、after兼容性问题

直到某天测试突然拿出一部安卓手机，说这里展示的不对错误的展示.png正常的展示应该是这样的正确的展示.jpg肯定是什么样式兼容性出问题了二、问题排查：通过chrome开发者工具，看到步进器的dom结构如下dom结构.png对应的css
萌多多指教·2024-02-09 10:41

前端工程-学习路线-提纲

自我提升计划，持续更新就业第二年的夏天，深圳，此时薪资10k├─html5│└─语义标签├─css3│├─csshack│├─文字│├─布局│├─shapes布局（环绕效果）│├─动画│└─iconfont
陈程城·2024-02-09 10:46

用HTML5实现灯笼效果

本文介绍了两种实现效果：一种使用画布（canvas）标签/元素，另一种不用画布（canvas）标签/元素主要使用CSS实现。
软件技术爱好者·2024-02-09 09:30

AngularCLI自定义主题

AngularCLI自定义主题（一）1.自定义主题1.创建自定义主题文件theme.scss1.1.1引入自定义主题支持和material公用的主题风格//引入material自定义主题支持@import
weixin_45044818·2024-02-09 09:16

iOS开发html+css学习之元素的层级

.box1{width:200px;height:200px;background-color:red;position:relative;z-index:2;}.box2{width:200px;height:200px;background-color:yellow;/*开启绝对定位，脱离文档流*/position:absolute;/*设置偏移量*/top:100px;left:100px;
程序大猩猩·2024-02-09 09:52

Uni-App学习路线

Uni-App学习路线学习Uni-app用到的技术Uni-app官网HtmlCssJavaScriptVue2.xAxiosMockScss成长路线:一.必须掌握前端基础知识html\css\js\vue2
吃肉肉不吃肉肉·2024-02-09 08:42

含文档+PPT+源码等]精品基于PHP实现的好物优购商城|电商小程序[包运行成功]计算机PHP毕设微信小程序项目源码

配套开发软件、软件安装教程、项目发布教程等软件开发环境及开发工具：操作系统：Windows10、Windows7、Windows8开发语言：php前端技术：JavaScript、VUE.js（2.X）、css3
IT实战营·2024-02-09 08:46

[精品毕设]微信小程序网上商城|电商+后台管理系统|前后分离VUE

做的后台管理系统，该后台采用前后台前后分离的形式使用Java+VUE微信小程序——前台涉及技术：WXML和WXSS、JavaScript、uniappJava——后台涉及技术：前端使用技术：HTML5,CSS3
IT实践课堂·2024-02-09 08:46

基于微信小程序的商城购物系统的设计与实现(文档+源码)

目录第一章绪论1.1开发背景1.2所选题目意义与目的1.3研究现状1.4本文研究内容第二章关键技术介绍2.1NODE.JS2.2MYSQL2.3VUE2.4HTML2.5JS2.6CSS2.7小程序开发者工具第三章系统分析
哥本哈根工作室_wlzytw·2024-02-09 08:16

js 常用简写技巧（干货满满）

1、从输入url到页面显示出来发生了什么1.DNS解析2.TCP连接3.发送HTTP请求4.服务器处理请求并返回需要的数据5.浏览器解析渲染页面解析HTML，生成DOM树，解析CSS，生成CSSOM树将
子伟-H5·2024-02-09 08:06

01、CSS3-选择器

red;color:white;}Element[type="text"]指定属性名，并指定了该属性的属性值p[cxy=html]{background:red;color:white;}p[cxy='css
王梓懿_1fbc·2024-02-09 07:34

Odoo QWeb

事实上，我们创建的文件夹CSS，JS和XML，仅仅是一个习惯。static文件夹oepetstore/static/css/petstore.css是我们的CSS文件。
weixin_30655219·2024-02-09 07:32

JQuery学习一

二、属性和内容2.1.jQuery选择器2.2.attr()方法2.3.text()方法2.4.val()方法2.5.小结2.6.添加内容三、操作CSS3.1.addClass()方法3.2.removeClass
星石传说·2024-02-09 07:26

自适应图片九宫格 css,CSS实现自适应九宫格布局 大全

看到微博和朋友圈都实现了图片九宫格，曾经有次面试也问到了九宫格这个问题，当时想到的是先固定每个单元格的宽高，然后进行浮动。今天想折腾一下，实现自适应父元素宽度的布局。这次我只写了四种方式去实现九宫格，算上inline-block的话就是五种了。首先要注意的是九宫格容器是宽高相等的正方形，并且是自适应的，这里关键是实现宽高相等，有些人想到了相对视口宽度vw，但是它是相对于屏幕可见宽度来设置的，并且会
我来看看就好1123·2024-02-09 06:15

CSS：九宫格布局

九宫格布局效果如下：HTML结构：123456789公共CSS：.container{width:310px;}.item{text-align:center;line-height:100px;vertical-align
羽墨灵丘·2024-02-09 06:40
上一页 27 28 29 30 31 32 33 34 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他