css奇技淫巧

前端入门第三天

目录一、CSS定义二、CSS引入方式三、基础选择器1.标签选择器2.类选择器3.id选择器4.通配符选择器5.画盒子四、文字控制属性1.字体大小2.字体粗细3.字体倾斜4.行高1.行高-垂直居中5.字体族
qingxi_ran·2024-02-05 13:16

前端学习第4天

一、复合选择器1.后代选择器2.子代选择器3.并集选择器4.交集选择器5.伪类选择器1.伪类-超链接（拓展）二、CSS特性1.继承性body放在style中2.层叠性3.优先级属性+!
qingxi_ran·2024-02-05 13:46

前端简历内容模板

文章目录模板一模板二模板三模板四模板五模板一简历个人信息:姓名:联系方式:邮箱:教育背景:XX大学，XX专业，XX学位，XX年毕业工作经验:前端开发工程师，XX公司，XX日期工作职责:负责与设计团队合作，将设计稿转化为可交互的网页界面使用HTML，CSS
雪梅零落·2024-02-05 12:54

两种方式实现文本超出指定行数显示展开收起...

需要实现这样一个功能默认高度下文本超出隐藏，点击展开可查看所有内容，点击收起可折叠方法一：通过html和css实现代码部分html:{/*htmlFor和input的id一致*/}Loremipsumdolorsitametconsecteturadipisicingelit.Explicaboquasarchitectoperspiciatisvoluptasodiomagnidoloremdo
zxo_apple·2024-02-05 12:19

vue3.0+vite实现移动端自适应布局

1安装postcss-pxtoremnpmipostcss-pxtorem-D2新建postcss.config.js配置文件module.exports={plugins:{autoprefixer:
贵贵贵子·2024-02-05 12:47

网页全屏html视频动画效果

全屏HTML视频动画效果通常使用HTML5的标签和CSS样式来实现。PHP主要用于服务器端处理，如生成动态内容或与数据库交互，而不是直接用于创建全屏视频动画效果。
elirlove1·2024-02-05 11:56

CSS 黑白相间按钮切换效果

Buttonbody{background-color:#212121;/*设置背景颜色*/}.const{width:270px;margin-top:280px;margin-left:30%;}.btn-17,.btn-17*,.btn-17:after,.btn-17:before,.btn-17:after,.btn-17:before{border:0solid;box-sizing:
特创数字科技·2024-02-05 11:07

【Webpack技巧】

需要更换为::v-deep解决方案1：降node版本，考虑通过nvm管理多版本，保持代码不变解决方案2：更换依赖，全局替换字符串，代码修改范围大解决方案3：更新依赖，自定义loader处理源码新建一个文件css-deep-loader.jsmodule.exp
百忧·2024-02-05 11:53

前端工程化之：webpack3-1(css工程化概述)

目录一、css的问题1.类名冲突的问题2.重复样式3.css文件细分问题4.如何解决（1）解决类名冲突①命名约定②cssinjs③cssmodule（2）解决重复样式的问题①cssinjs②预编译器（3
小李老笨了·2024-02-05 11:22

【JavaScript + CSS】随机生成十六进制颜色

效果图实现{{item.year}}{{showAll?"收起更多":"展开更多"}}import{getAllYear}from"@/api/year.js";exportdefault{data(){return{showAll:false,//展开或收起allList:[],//所有项defaulList:[]//默认展开项}},mounted(){this.fetchData()},met
吃小猫的大鱼·2024-02-05 11:42

web 技术栈有哪些？

CSS（层叠样式表）：用于设计和排版网页的样式表语言，负责页面的外观和样式。JavaScript：一种脚本语言，用于在浏览器中实现动态交互和客户端逻辑。
老马啸西风·2024-02-05 11:42

实现element的Carousel左右切换箭头

其中用到mouseover，mouseleave来监听鼠标进入和离开动作v-show控制箭头的出现jsenter(){this.arrow=true},leave(){this.arrow=false},css.arrow
森木池鱼·2024-02-05 11:38

jss/css/html 相关的技术栈有哪些？

js的技术组件有哪些？比如jQueryvue等常见的JavaScript技术组件：jQuery：jQuery是一个快速、小巧且功能丰富的JavaScript库，用于简化DOM操作、事件处理、动画效果等任务。React：React是由Facebook开发的用于构建用户界面的JavaScript库。它采用组件化的开发模式，使得构建复杂的用户界面变得更加容易。Vue.js：Vue.js是一个渐进式Jav
老马啸西风·2024-02-05 11:36

【CSS + ElementUI】更改 el-carousel 指示器样式且隐藏左右箭头

需求前三条数据以走马灯形式展现，指示器hover时可以切换到对应内容实现0">{{item.kind}}{{item.title}}{{item.summary}}{{item.createTime|formatTimer(item.createTime)}}import{getList}from'@/api/xxx'import{dateFormat}from'@/utils/utils'exp
吃小猫的大鱼·2024-02-05 11:36

你必须知道的CSS盒模型

盒子模型是html+css中最核心的基础知识，理解了这个重要的概念才能更好的排版，进行页面布局。下面是自己积累和总结的关于css盒子模型的知识_，希望对初学者有用。
前前前端小飞·2024-02-05 10:16

HTML5期末大作业：网站——保护动物网站HTML+CSS

该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。
html网页设计·2024-02-05 09:00

Tailwind CSS

目录引入原因：css增长，样式错乱调试规范：在class上原子化css特点：把class当行内style动态属性用优点不用命名样式不用想并不重要的CSS变量名缺少命名逻辑不用撰写维护和模板【对应的独立css
参宿7·2024-02-05 08:45

selenium之鼠标动作链

定位除了使用xpath,css选择器定位外，还可以使用鼠标动作链来进行定位；导入模块：fromselenium.webdriverimportActionChains鼠标移动事件：ActionChains
weixin_41812355·2024-02-05 08:03

prettier和eslint冲突怎么解决？

前提：项目中已安装：eslint，prettier，已配置.eslintrc和.prettierrceslint：用来校验和处理js文件，逻辑和格式问题prettier：用来校验和处理js文件，css文件
柒君·2024-02-05 08:56

知识点(html+css)

知识总结（HTML＋CSS）相对定位语法绝对定位语法固定定位语法一、定义语法1.1布局分类CSS网页布局的本质：就是在网页中排列盒子（浮动）。CSS网页布局：普通流、浮动、定位。
龍赢·2024-02-05 08:43

知识点html+css

知识总结（HTML＋CSS）基础知识HTML网页的相关概念1.1HTML是什么？HTML是超文本标记语言。只是一种标记语言。
龍赢·2024-02-05 08:43

3w字CSS知识总结~就不信还不全(得意)

css超全总结即使再小的帆也能远航~一.目录1.CSS语法规范2.CSS选择器2.1基础选择器2.1标签选择器(元素选择器)2.1.2类选择器2.1.3id选择器2.1.4通配符选择器2.2复合选择器2.2.1
高小小天·2024-02-05 08:42

CSS基础知识总结

前言：学习Vue要求要有中级的html,css和js的基础，来补一下css的基础一、CSS简介1.1页面美容师功能：美化网页，布局页面CSS：层叠样式表，标签语言最大价值：让HTML专心去做结构，结构（
究极小白本人·2024-02-05 08:41

html+css

HTMLday02html常用标签h1-h6特点：双标签独占一行，自带加粗，不同等级标题，字号大小不同，自带间距，具有一个标题的含义。段落文本标签p特点：双标签，独占一行，自带间距，具有文本段落的含义。换行br特点：单标签。分隔线hr特点：单标签空格符 特点：浏览器默认只能识别一个空格，当我们需要用到多个空格符号时，需要用到空格符，空格符既不是单标签也不是双标签。加粗b，strong特点：
Breeze fly·2024-02-05 08:41

HTML&CSS仿京东首页制作静态页面总结

目录一.网站优化三大标签：title（网站标题），description（网站说明），Keywords（网站关键词）二.favicon图表的使用三.字体图标的使用四.base.css和common.css
ccj_zxy·2024-02-05 08:09

HTML5和CSS3强化知识总结

HTML5的新特性HTML5的新增特性主要是针对于以前的不足，增一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题，基本是IE9+以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这些新特性。HTML5新增的语义化标签:头部标签:导航标签:内容标签:定义文档某个区域:侧边栏标签:尾部标签HTML5新增媒体标签HTML5在不使用插件的情况下，也可以原生的支持音频格式文件的播放，
guai_guai_guai·2024-02-05 08:06

CSS 文字溢出:ellipsis在IE上不起效果

单行文本的溢出显示省略号p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}多行文本的溢出显示省略号方法一：p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;}
不爱吃糖的程序媛·2024-02-05 07:29

uploadify多文件上传插件的使用帮助

FlashPlayer9.0.24以上(新版Chrome不支持)解压后文件列表1)jquery.uploadify.min.js2)uploadify.php3)uploadify.swf4)uploadify.css5
nuc_八道门·2024-02-05 07:57

前端小案例——动态导航栏文字（HTML + CSS, 附源码）

一、前言实现功能:这案例是一个具有动态效果的导航栏。导航栏的样式设置了一个灰色的背景，并使用flex布局在水平方向上平均分配了四个选项。每个选项都是一个li元素，包含一个文本和一个横向的下划线。当鼠标悬停在选项上时，选项的文本颜色会变为粉红色，并且下划线会从中间向两边展开，呈现出一种动态的效果。这种导航栏可以用于网页或应用程序中，提供简洁且有吸引力的导航选项。实现逻辑：创建一个导航栏容器div，并
H4999·2024-02-05 07:52

谷粒商城-前端基础

AutoCloseTagAutoRenameTagChineseESlintHTMLCSSSupportHTMLSnippetsJavaScriptES6LiveServeropeninbrowerVeturVue2Snippets
✿ﾟ卡笨卡·2024-02-05 07:42

浅谈pointer-events属性是什么？如何使用？

#pointer-events是什么pointer-events：CSS属性指定在什么情况下(如果有)某个特定的图形元素可以成为鼠标事件的target权威解释。
酷酷的凯先生·2024-02-05 07:13

2019-06-01

css*{padding:0;auto:0;list-style:none;}.bg{width:42px;height:30px;background-image:url(image/tu.png);
陈_066c·2024-02-05 06:10

element + el-checkbox-group 折叠效果

checkboxCollapse.value;}css部分.control-checkbox-collapse{cursor:pointer;}.chec
天外天-亮·2024-02-05 06:14

css布局两边固定中间自适应的常用方法

css布局两边固定中间自适应1、利用自身浮动左右浮动两块div元素，脱离标准流，中间那块元素就会上去，跟他们一行，利用margin留出左右宽度左边右边中间/*1、利用自身浮动*/.boxLeft{min-height
问就是做不了·2024-02-05 06:14

css两边中间自适应优先加载,css布局两端固定中间自适应

第一种：采用浮动1.1首先来看一下网上一个哥们给的代码左右中div{height:200px;}.left{float:left;background:#bfa;width:200px;}.right{float:right;width:200px;background:#baf;}.center{width:100%;margin:0200px;margin-right:100px;backgr
搭脉大愣·2024-02-05 06:43

Electron实战(一)：环境搭建/Hello World/打包exe

生成安装包踩坑下一篇Electron实战(二)：将Node.js和UI能力（app/BrowserWindow/dialog)等注入htmlElectronElectron是一个使用JavaScript,HTML,CSS
liberg·2024-02-05 06:11

前端总结：CSS/js 踩过的坑以及一些冷知识(永久更新)

文章目录css1、行内元素底部留白(如img)2、内层margin≠外层padding3、js修改className4、垂直居中5、再说居中6、关于float7、关于position8、html/js9
liberg·2024-02-05 06:11

CSS animation多个动效叠加的问题

一个简单的动效叠加问题：@keyframesmotion01{0%{transform:translate3d(0,-50%,0)scale(.3)rotate(0deg);}100%{transform:translate3d(0,0,0)scale(1)rotate(360deg);}}@keyframesmotion01{0%{transform:rotate(0deg)scale(0.3)
liberg·2024-02-05 05:10

CSS实现三列布局两边固定中间自适应

目录一、使用flex布局实现二、使用float浮动三、使用绝对定位一、使用flex布局实现使用flex-grow属性可以控制项目在剩余空间中占据的比例，值越大，占据的空间越多。默认值为0，表示不放大。使用flex-basis属性可以设置项目在主轴上的初始大小，可以是一个固定的长度值，也可以是auto（默认值，根据内容自适应大小）。使用这两个属性来实现两侧宽度固定中间自适应，flex-grow会在剩
lhhbk·2024-02-05 05:39

CSS 俩边固定中间自适应(4种方法)

俩边固定中间自适应1、float2、flex布局3、position绝对定位4、calc计算函数(移动端慎用)推荐使用123种方法第一种：float;HTML中间的box,中间的box,中间的box,中间的box,中间的box,中间的box,中间的box,中间的box,中间的box,中间的box,中间的box,中间的box,中间的box,中间的box,中间的box,中间的box,中间的box,中间
Miss_Mr_Rui·2024-02-05 05:39

CSS两侧固定，中间自适应

这个效果，其实和一侧固定，一侧自适应是一样的原理以下代码分别用到了position、float、display:flex/grid、calc.box{border:1pxsolid#000;}.box1{background-color:#f00;}.box2{background-color:#aee;}.box3{background-color:#ccc;}/**第一种定位*/.absolu
天外天-亮·2024-02-05 05:08

Web开发之Canvas的使用

,今天已经在大多数浏览器中实现.基本语法1.使用canvas标签,即可在页面中开辟一格区域.可以设置其width和height设置该区域的尺寸.2.默认canvas的宽高为300和150.3.不要使用CSS
Tenloy·2024-02-05 05:04

Java 集合系列02之 Collection架构

Java集合系列02之Collection架构2018年11月11日14:17:55qq_群947405150个人分类：javahtmlsqlcssjsp概要首先，我们对Collection进行说明。
废弃的root·2024-02-05 04:17

div布局

HTML主要利用div标签进行网页布局，利用CSS进行样式设置，这种方法称为“Div+CSS”。div常用属性1.width2.height3.margin属性描述margin简写属性。
Mr_J316·2024-02-05 04:50

css实现可控进度条动效

文章目录css实现可控进度条动效实现效果实现思路实现代码css实现可控进度条动效实现效果实现思路整体思路就是通过监听宽度的过渡效果，因为需要一步一步去增加，进度条变化的同时控制数字和节点的变化，所以我们监听了过渡结束事件
神说要有光 ye·2024-02-05 04:52

css实现翻牌抽奖效果

css实现翻牌抽奖效果实现效果React代码css代码总结实现效果React代码importReact,{FC,useEffect,useState}from'react'importstylesfrom
神说要有光 ye·2024-02-05 04:21

css动效：气泡在屏幕上随机漂浮

css实现气泡随机漂浮效果实现效果React代码css代码总结实现效果React代码//泡泡随机漂浮//这里的封装逻辑是基于每个泡泡大小一样进行封装的importReact,{FC,useState,useEffect
神说要有光 ye·2024-02-05 04:21

CSS-in-JS

CSS-in-JS是将CSS代码编写在JavaScript中的一种技术。它包括多个优秀的框架和工具，例如styled-components、Emotion、JSS等等。
阿鲁纳塞多撒·2024-02-05 03:46

React中css-in-js的使用

文章目录1.介绍2.使用1.介绍CSS-in-JS是一种技术，而不是一个具体的库实现。
月光晒了很凉快·2024-02-05 03:45

CSS-In-JS

CSS-In-JSgit地址什么是CSS-IN-JS一.为什么会有CSS-IN-JS1.1缺乏作用域1.2增加组件的独立性和可移植性.1.3缺乏动态功能二.CSS-IN-JS介绍2.1优点2.2缺点三.
Ne￡·2024-02-05 03:44
上一页 36 37 38 39 40 41 42 43 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他