CSS预处理器

CSS学习心得

CSS一、CSS简介二、CSS语法1.id选择器2.class选择器三、CSS的应用1、外部样式表2、内部样式表3、内联样式四、颜色、尺寸、对齐五、CSS文档分析1、盒子模型2、边框与边距3、定位4、溢出
阿譹·2024-02-20 06:08

css和html基础

⦁1.src属性是img的图片路径，alt属性是当图片丢失时显示的问题，也是img标签的，href则是标签的跳转路径，titil是鼠标放上后的显示对对对⦁html中定义的标签：https://www.w3cschool.cn/htmltags/html-reference.html⦁2.行内元素设置宽高不起作用，其宽度是内容的宽度，块级元素宽度默认是继承父级元素的宽度，高度是本身内容的高度（如文字
一叶柒刺郎·2024-02-20 06:07

[总结]CSS/CSS3常用样式与web移动端资源

CSS/CSS3常用样式与知识点IE条件注释条件注释简介IE中的条件注释（Conditionalcomments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。
weixin_30662011·2024-02-20 06:36

CSS/CSS3常用样式与web移动端资源

CSS/CSS3常用样式与知识点IE条件注释条件注释简介IE中的条件注释（Conditionalcomments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。
weixin_33994444·2024-02-20 06:36

美团网官网最新底部导航页面制作及CSS样式设计

目的：实现美团网站底部的导航页面的设计设计思路：整体一个div-1整体可分为上下两部分：上为——浅绿色背景；下为选项及选项内容上部分的左侧设置一个div，存放美团导航文字内容使用ul>li无序列表存放每个选项：热门城市、热门分类、周边热门其中每个包括左侧的文本以及右侧的展开选项。右侧展开选项设置为两个无序列表。具体div数目及包含关系见html代码原网页样式如下：菜鸟样式设计如下：1.HTML代码
三月的一天·2024-02-20 06:01

AppCan开发框架详细介绍

1、UI2.0与UI1.0的对比2012年初，我们发布了AppCan移动应用开发平台，在这个版本中，我们内置了基于JQMobile方案的CSSUI框架。
刘文·2024-02-20 06:30

AppCan开发框架

1、UI2.0与UI1.0的对比2012年初，我们发布了AppCan移动应用开发平台，在这个版本中，我们内置了基于JQMobile方案的CSSUI框架。
狼之血舞·2024-02-20 06:28

css3

CSS修改选中文字的颜色html代码：第一段文字选中效果第二段文字选中效果css代码：.p1::selection{background:red;color:#fff;}.p2::selection{background
dazhoufu9292·2024-02-20 06:58

face 31减少http请求

减少http请求为什么要减少http请求性能的黄金法则，只有10%-20%的最终用户响应时间花在接受请求的html文档上，剩下的80%-90%时间花在html文档所引用的所有组件(图片，script,css
谢凌·2024-02-20 06:56

CSS学习（三）

目录：1.CSS引入方式1.1三种样式表1.2内部样式表（嵌入式引入）1.3行内样式表（内联样式表）1.4外部样式表1.5总结1.CSS引入方式1.1三种样式表1.2内部样式表（嵌入式引入）写到html
学习不止，掉发不停·2024-02-20 06:53

CSS实现两栏布局，左侧固定宽高，右侧超高滚动加载

要实现左侧子元素高度固定，右侧子元素超高滚动加载，并且左侧子元素与父级元素高度一致且不跟随滚动，可以使用CSS的flex布局和overflow属性来实现。
三月的一天·2024-02-20 06:51

Java 后端 需要掌握的前端三大件的主要知识 十分简洁版本

1.4关于资源路径1.5列表标签1.6表格标签1.7表单form1.7.1form标签属性1.7.2from标签中type属性不同的取值可以向后端传递的不同内容1.8注意区分列表标签表格标签表单标签2Css2.1Css
CodeDoraemon·2024-02-20 05:26

vue2.0 引入font-awesome

第一步：安装依赖npminstallfont-awesome--save第二步：然后在main.js引入font-awesome/css/font-awesome.min.css即可import'font-awesome
LI_4058·2024-02-20 05:09

CSS单词换行与对齐

CSS单词换行与对齐.sub-title1,.sub-title2{word-break:keep-all;word-wrap:break-word;/*只对英文起作用，以单词作为换行依据*/white-space
飞蛾逐月·2024-02-20 05:08

动态loading

项目中需要用到动图loading的地方可以下载https://www.intogif.com/loading/高级点的还有css动画;'692Loaders:CSS&Tailwind692Loaders
半个开心果·2024-02-20 05:35

vue3-动画技巧

基于CSSclass的动画对于那些不是正在进入或离开DOM的元素，我们可以通过给它们动态添加CSSclass来触发动画：const disabled = ref(false)function warnDisabled
王大可996·2024-02-20 05:52

vue-自定义创建项目(六)

默认项目自定义创建项目流程：创建项目命令：vuecreatecustom_demo键盘上下箭头有控制上下移动空格键控制是否选中Enter键表示确认选择版本路由模式：是否使用历史路由模式（history）选择css
smilehjl·2024-02-20 04:12

项目准备

使用VueCLI创建项目1.创建命令vuecreateedu-boss-fed2.自定义选项我们需要这几种功能：BabelRouter（使用hash模式下的路由）VuexCSSPre-processors
amanohina·2024-02-20 04:01

css3的var()函数

css3的var()函数变量要以两个连字符--(横杆)(减号)为开头变量可以在:root{}中定义,:root可以在css中创建全局样式变量。
kfepiza·2024-02-20 04:26

CSS的全局值 initial inherit revert overlay unset

在CSS中，全局值是一组特殊的值，可以应用于大多数的CSS属性，用于改变这些属性的默认值、继承行为或重置为浏览器的默认样式。不过，需要注意的是，overlay并不是一个标准的或广泛支持的全局值。
kfepiza·2024-02-20 04:56

设置textarea禁止拉伸的方法: resize:none 221106笔记

设置textarea禁止拉伸的方法就是设置css的resize的值为noneresize:noneresize:noneresize:nonestyle=“resize:none”style="resize
kfepiza·2024-02-20 04:55

css中, grid-auto-rows: 怎样简写在grid:中

grid-auto-rows:100px;grid-template-columns:1fr1fr;可以写成grid:auto-flow100px/1fr1fr;在CSSGrid布局中，grid-auto-rows
kfepiza·2024-02-20 04:25

Electron实战之入门

一、Electron简介1.1Electron是什么Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的技术框架。
xiangzhihong8·2024-02-20 03:15

vue transition的延时播放

vue延迟播放1、显示的控制（利用setTimeout控制v-show）2、CSS的设置（可以使用transition+transition-delay控制，animation+animation-delay
RCX明·2024-02-20 03:09

JavaScript初级入门练习

是现如今十分流行的脚本语言,可插入HTML页面编程代码,对页面改进设计,实现动态操作,此处进行两个简单的js练习,熟悉js操作.一.全选操作在我们日常上网中,经常会接触到全选操作.本文中通过HTML,CSS
飞灰非辉·2024-02-20 03:16

微前端qiankun从头写一个demo，包含主微应用、微微应用通信用例

qiankun微前端demo说明1.路由说明：1.1hash路由：1.2history路由：路由切换2.LifeCycles:3.父子通讯3.1主应用与微应用的通信3.2微应用之间的通信4.手动加载微应用5.css
Yoyo_Yan·2024-02-20 02:58

【前端工程化面试题】webpack的module、bundle、chunk分别指的是什么？

module模块指单个文件，可以是js、css、图片等，每个文件都是一个独立的模块，可以通过import.和require等方式导入和导出模块可以包含代码、依赖关系和其他相关资源。代表应用程序的组
我有一棵树·2024-02-20 02:25

【Webpack】CSS 处理

CSS处理提取Css成单独文件Css文件目前被打包到js文件中，当js文件加载时，会创建一个style标签来生成样式这样对于网站来说，会出现闪屏现象，用户体验不好我们应该是单独的Css文件，通过link
小秀_heo·2024-02-20 02:53

2024前端面试准备之HTML篇

来告知浏览器的解析器⽤什么⽂档标准解析这个⽂档，不同的渲染模式会影响到浏览器对于CSS代码甚⾄JavaScript脚本的解析⽂档解析类型有：BackCompat：怪异模式，浏览器使⽤⾃⼰的怪异模式解析渲染
前端fighter·2024-02-20 02:23

7. 多列

1.多列的效果说明：在CSS3中，可以创建多列来对文本或者区域进行布局。
瑟闻风倾·2024-02-20 02:16

HTML网页制作：CSS常用样式字体及颜色属性

字体属性fontfont的英文解释就是字体的意思。font:字体取值字体的用法用两种，一种是分开来写，一种是符合写法。2font-family：设置字体属性family有家族的意思，估计指的是字体家族的意思吧。语法：font-family：“字体”无标题文档.alsp{font-family:"楷体";}哈喽，我是提莫，女警你做我女朋友吧~~露露太矮了~~3看网页效果。此刻，字体已经发生改变了，变
我想要变强·2024-02-20 02:05

如何利用css实现图片等比例缩放

https://jingyan.baidu.com/article/cbcede076f654f02f40b4de7.html
StevenQin·2024-02-20 02:12

vue3：codepen上生成的动效代码/ 前端生成统计图（echarts包）

codepen上生成的动态效果怎么放到自己的代码里（vue3组合式api）设计给了个动态效果，说源码在codepen上面，打开一看，好家伙没有html，css也只有图里展示的这么点，那就是纯靠js实现。
小王今天也要加油鸭~！·2024-02-20 02:30

scss基础

Scss基础语法只是觉得记个笔记比较印象深刻，其实去官网看最好了。写的也大部分都是官网上的东西，官网总结的已经很清晰了。只是提炼一下，便于以后查看。
小王今天也要加油鸭~！·2024-02-20 02:59

JavaWeb

服务器架构模式;B/S架构特点:客户端只需要浏览器.应用程序的逻辑和数据都存储在服务器端,浏览器只需要请求服务器,获取web资源,服务器把web资源发送给浏览器即可;好处:易于维护升级;静态资源:HTML,CSS
m0_57408062·2024-02-20 01:51

JSP的学习

1.JSP概念:Java服务端页面;一种动态的网页技术,既可以定义HTML,JS,CSS等静态内容,也可以定义Java代码的动态内容;JSP=HTML+Java;JSP的作用:简化开发,避免了在Servlet
m0_57408062·2024-02-20 01:51

CSS3 新属性 cacl()用法解析

**这是一个会计算的属性，特别适合对于自适应还不是很熟练的童鞋calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，你可以使用calc()给元素的border、margin、pading
爱狗的老男蜀黍丶·2024-02-20 01:42

前端遮罩层实现_css遮罩层怎么做？

也就是一个遮罩层，而实际上这遮罩层就是由简单的css来实现的。下面我们来看一下css如何做遮罩层。css使用可以使用opacity属性或rgba属性来实现遮罩层。
weixin_39876739·2024-02-20 00:18

html添加遮罩

html添加遮罩的代码如下所示使用div+css，加载中的图片是网上下载的动图，可以根据自己需要进行修改DIVCSS遮罩层functionshowdiv(){document.getElementById
我的名字叫勇敢#5271·2024-02-20 00:18

一、vue3+ts项目框架搭建——规范

eslintrc.cjs配置文件1.3运行脚本二、配置prettier:格式化工具2.1安装依赖包2.2.prettierrc.json添加规则2.3.prettierignore忽略文件三、配置stylelint:格式化css
小曲曲·2024-02-20 00:34

用VS Code代替source insight的配置

安装插件CSSPeak:代码跳转工具C/C++:代码浏览Beautify:代码格式化SublimeBabel:代码高亮快捷键使用Ctrl+F：当前文件内搜索Ctrl+P：搜索文件Ctrl+Shift+F
guomq0402·2024-02-20 00:48

html从零开始8：css3新特性、动画、媒体查询、雪碧图、字体图标【搬代码】

css3新特性div{width:200px;height:200px;background-color:aqua;position:relative;border-radius:20px;/*圆角属性
搬代码·2024-02-20 00:47

Vue基础Day04组件与cli脚手架

一.核心内容1.任务1：天知道任务1：天知道2.什么叫组件把某个界面或者说某个小功能，封装起来就叫组件（就是对htmlcssjs的一个综合封装），组件也是Vue的实例，所以它也有自己的data和methods
前端老邹_伯通·2024-02-20 00:57

html+css+js炫酷特效+加速粒子效果

让火箭上下不停的移动2.3利用::after制造尾部的火焰2.3使用js创建并添加随机的大小和位置颜色2.4使用js创建插入到页面上2.5给添加下落的动画2.6给添加下落的落差感3.源码分享html+jscss1
门前大桥下.·2024-02-19 23:38

【amis低代码前端框架】vue2集成百度低代码前端框架amis

命令行内执行以下命令下载安装amisnpmiamis第二步：下载完毕amis后将node_modules中的amis包复制到public内第三步：在public/index.html内引入amis包ps：cxd.css
G佳伟·2024-02-19 23:32

使用纯 CSS 实现元素高度的过渡（不采用 max-height）

1.前言不知大家是否接触过元素高度的过渡，之前呢我是使用CSS加JS的方式来解决的，就是通过JS计算一下要过渡的元素的高度，然后自己给它加上height为某一数值。不知大家是如何解决的？
知半愚无·2024-02-19 23:58

CSS篇--transform

CSS篇–transform使用transform属性实现元素的位移、旋转、缩放等效果位移//语法transform:translate(水平移动距离，垂直移动距离)translate()如果只给一个值
婷宝_知萌·2024-02-19 23:28

re:从0开始的CSS之旅 16. 高度塌陷问题

1.高度塌陷问题高度塌陷问题：在文档流中，父元素的高度默认是被子元素撑开的，子元素多高，父元素就多高。但是当子元素设置浮动后，我们发现子元素在页面中的位置没变，但是父元素的高度却塌陷了（没有被子元素撑开）父元素在文档流中一旦发生高度塌陷的问题，将影响整个页面的布局。因此，高度塌陷的问题我们必须解决！高度塌陷问题的解决办法：可以根据子元素的高度设置父元素的高度，使页面看起来不塌陷但是我们有事无法确定
扶摇|·2024-02-19 23:25

CSS之重绘与回流

重绘（Repaint）当页面中元素样式的改变并不影响它在文档流中的位置时（例如改变颜色、阴影等），浏览器会进行重绘，即重新绘制元素的外观。回流（Reflow）当元素的大小、位置、隐藏等改变时，浏览器需要重新计算元素的几何信息，并重新渲染页面，这个过程称为回流。会影响当前元素、祖先元素和后代元素。性能影响回流比重绘的代价要高。回流的过程比重绘复杂，因为它涉及到更多的计算。回流必将引发重绘，而重绘不一
大超-无痕·2024-02-19 23:25

re:从0开始的CSS之旅 15. 浮动

1.浮动浮动：使元素浮起来，脱离文档流，从而使盒子能够灵活的移动。浮动的属性：float属性设置元素的浮动可选值：none元素不浮动，默认在文档流中排列（默认值）left元素向左移动right元素向右移动浮动的特点：浮动元素会脱离文档流脱离文档流的控制，从而使盒子更灵活的移动浮动元素不会保留原来的位置浮动元素将具有行内块元素的特点无论是块元素还是行内元素，都可以设置浮动，浮动后将具有行内块元素的特
扶摇|·2024-02-19 23:24
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他