如果我们需要在应用中添加 css 文件,就需要使用到 css-loader 和 style-loader,他们做两件不同的事情,css-loader 会遍历 CSS 文件,然后找到 url() 表达式然后处理他们,style-loader 会把原来的 CSS 代码插入页面中的一个 style 标签中 ...
转载 2021-10-25 13:51:00
138阅读
2评论
css文件处理-准备工作 (以下项目配置都是基于上一篇webpack(4)的基础上) 在项目开发中,我们必然需要添加很多的样式,而样式我们往往写到一个单独的文件中。 这里我们就在src目录中创建一个normal.css文件,代码如下: body{ background-color: aqua; }
原创 2021-07-13 11:08:12
1028阅读
gulp只是提供一个框架给我们,如果我们想要实现一些更加复杂的功能.比如css压缩,那么我们还需要安装一下gulp-cssnano插件.gulp相关的插件安装也是通过npm命令安装,安装方式跟其他包是一模一样的(gulp插件本身就是一个普通的包)对css文件处理,需要做的事情就是压缩,然后在将压缩
转载 2018-12-03 08:26:00
95阅读
2评论
1 更目录下建立static包,把css文件拉进去2 settings文件里添加:STATIC_ROOT = os.path.join(BASE_DIR, "static/")# STATICFILES_DIRS = ( os.path.join(BASE_DIR, 'static'),)然后在界面页快捷键option+r,打开manage.py shell,执行命令:collectstat
原创 2022-11-29 17:58:46
147阅读
1、安装插件 common.css为: flex.css为: app.js为: 4、执行编译&查看结果
转载 2017-09-15 10:49:00
175阅读
2评论
1、CSS 小数 处理 在不同浏览器或者同一浏览器的不同版本中,CSS 都会对小数进行取整(直接去除小数还是会根据小数的大小进行判断就不一定了) 2、
原创 2022-07-25 22:17:54
197阅读
CSS 的空格处理
转载 2022-10-03 10:07:48
82阅读
修图利器之 CSS FiltersP图怎么能少了滤镜呢,css提供了很多种滤镜:drop-shadowsepiablurhue-rotateinvertbrightnesscontrastopacitygrayscalesaturatedrop-shadow 下落式阴影添加阴影效果可不只有text-shadow和box-shadow哦,text-shadow是为文字添加阴影,box-shadow给
css
转载 2017-12-11 14:25:22
1647阅读
无标题文档
转载 2010-12-18 19:27:00
90阅读
2评论
无标题文档
转载 2010-12-18 19:27:00
69阅读
2评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>背景处理</title> </head> <style> /*背景颜色不能设置尺寸*/ /*1.背景颜色与裁切*/ /*div {*/ /* height: 5
原创 2022-08-31 14:34:11
89阅读
1评论
一般一个网站所有页面头部、底部样式都是一致的,而且很长时间不会有大的改变,改变的大概就是产品、运营的经常需要添加、去掉某些入口的需求,要保证全站所有页面头部一次替换生效,只要把头文件,已经对应的样式一发,马上生效,很快就有响应。
转载 2023-07-05 10:51:54
70阅读
一般一个网站会有这么三个样式:global.css | reset.css(格式化样式) common.css(公共组件样式) layout.css(当前页面样式)清除全站所有页面的浏览器默认样式,保证在初始样式在所有浏览器下一致。common.css(公共组件样式)一般一个网站所有页面头部、底部样式都是一致的,而且很长时间不会有大的改变,改变的大概就是产品、运营的经常需要添加、去掉某些入口的需求
翻译 精选 2014-10-11 21:54:14
533阅读
面试题专区:1.apply()和call()的区别?答:call()和apply()的作用只主要是改变this的指向;他们的区别在于参数转递给函数call():使用自有的实参列表作为函数的参数;apply():要求以数组的形式转入参数; 2.解释 css  sprite,如何使用----(雪碧图)定义:它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问
转载 2023-09-05 11:15:19
51阅读
error in ./src/assets/styles/app.scss Module build failed: @import "./reset.scss"; ^ Invalid CSS after "v": expected 1 selector or at-rule, was 'var a
转载 2020-02-19 19:38:00
1092阅读
2评论
目录1.CSS1.1 CSS的引入方式1.2 CSS选择器1.3 CSS的盒子模型1.4 CSS的属性1.CSSCSS(Cascade Style Sheet,层叠样式表)html负责的是一个页面的结构,css主要负责了页面的数据样式。注释格式:/*注释内容*/1.1 CSS的引入方式行内样式:直接在html标签中使用style属性编写。(只能用于本标签中,复用性较差)例:<a s
转载 2023-08-19 22:32:18
91阅读
note:本文主要参考了Stoyan Stefanov的文章《When is a stylesheet really loaded?》在之前的文章《CSS文件动态加载》中,我们提到了在动态加载CSS文件的时候,如何检测加载是否完成。注意,这里的加载完成包含了两种情况:1)加载成功  2)加载失败也就是说,这里并没有将成功与失败的情况区分开来。看到这里你可能疑惑了,就动态加载个CSS文件,洋洋洒洒写
转载 2024-08-13 10:04:55
68阅读
CSS概述css是英文Cascading Style Sheets的缩写,称为层叠样式表,用于对页面进行美化。存在方式有三种:元素内联、页面嵌入和外部引入,比较三种方式的优缺点。语法:style = 'key1:value1;key2:value2;'在标签中使用 style='xx:xxx;'在页面中嵌入 < style type="text/css"> </style &gt
转载 2023-08-25 23:33:50
212阅读
Java Web【黑马程序员新版JavaWeb基础教程,Java web从入门到企业实战完整版】6 HTML & CSS 文章目录Java Web6 HTML & CSS6.2 CSS6.2.1 概述6.2.2 CSS 导入方式6.2.3 CSS 选择器6.2.4 CSS 属性 6.2 CSS6.2.1 概述CSS 是一门语言,用于控制网页表现。CSS → Cascading St
转载 2023-10-12 00:00:19
57阅读
1.溢出 当一个盒子的内容(子元素、孙子元素等后裔)超过盒子本身的大小的时候,就会出现溢出。 2.overflow 通常用overflow(overflow-x,overflow-y)来处理内容溢出。 overflow: hidden; 超出盒子的内容被隐藏。 overflow:auto;当内容超出 ...
转载 2021-10-11 16:41:00
1041阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5