#Css

CSS文档流

   很多CSS的书籍在谈到CSS的定位机制时都会提到一个关键词“文档流”,然而可能这词对于作者来说简单得不需解释吧,所以很少见到有这词的具体解释,然而本人认为弄懂本概念对能否很好理解整个定位机制来说很关键!网上查了一下网友的理解,再翻了下W3C,结合自己理解。可以用W3C上面的一句话来概...
代码星球 ·2021-02-06

css,js文件后面加一个版本号

由于前几天,更新了项目,更新的文件有js文件,今天客人截图过来,我发现修改之后的效果没有显示出来,我回复说清理浏览器缓存。到了晚上,客人找老板,说还没有处理到這个,说客人不懂這个。所以想到之前自己为了避免浏览器缓存js,css文件,在js,css后面加一个版本号,时间随机。這次笔者是在js后面加了一个版本号参数,应该可...
代码星球 ·2021-02-04

vue 安装scss

1.安装插件npminstallnode-sass--save-devnpminstallsass-loader--save-dev在App页面测试是否可用,在style上添加<stylelang="scss">vue-cli3版本以上安装完就可以使用,如果页面报错,在package.json中检查sass...
代码星球 ·2021-02-04

Vue引入js、css文件

1.js调用方法一:这是组件内调用,非公共js2.js调用方法二:公共jsmain.js内加入公共jsVue.prototype.timeago=timeago3.引入公共css在main.js直接引入即可import'./assets/css/base.css'/*引入公共样式*/ ...
代码星球 ·2021-02-04

css3-calc用法

css3--calc()使用css3新增的一个功能,可以计算元素的长度例如说:一个百分百布局中,分左右两侧,中间需要一个分隔空间,使用padding或者margin则会超出100%,这时候使用calc()来计算就很完美calc()运算规则  1.可以使用+-*/四则运算  2.可以使用pxemrem%等单位  3.可以...
代码星球 ·2021-02-04

CSS的两种盒模型

  盒模型一共有两种模式,一种是标准模式,另一种就是怪异模式。  当你用编辑器新建一个html页面的时候你一定会发现最顶上都会有一个DOCTYPE标签,例如:  <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/T...
代码星球 ·2021-02-04

PHP 简易读取文件目录下的文件,生成css spirte图片

因为个人不是对PS熟悉,不清楚如何在PS中生成一张横向有序的spirte图片,使用了"cssspriteV4.3"版本,生成的图片会出现压缩图片大小的情况,本想修改原作者开发的程序,但是不懂C#,只好使用PHPgd库进行生成cssspirte图片。 1<?php2header("Content-type...

[CSS][转载]内层div的margin-top影响外层div

参考 内层div的margin-top影响外层div——引出外边距合并div嵌套导致子区域margin-top失效不起作用的解决方法我使用的是在外层的div中添加border:1pxsolidtransparent;在上面参考方法中,给外层div添加"overflow:hidden;"也实现了同样的效果。...

css字体转换程序(Node.js)

我下载的是ttf文件,css导入的文件有多种格式:eot,woff,svg在windows下,需要寻找相应的exe文件来处理或者node.js来处理:ttf2eot: https://github.com/fontello/ttf2eot (node.js)ttf2woff:http://wizar...

flask模板应用-javaScript和CSS中jinja2 --

当程序逐渐变大时,很多时候我们需要在javaScript和CSS代码中使用jinja2提供的变量值,甚至是控制语句。比如,通过传入模板的theme_color变量来为页面设置主题色彩,或是根据用户是否登陆来决定是否执行某个javaScript函数。需要注意,只有使用render_template()传入的模板文件才会被...

flask模板应用-加载静态文件:添加Favicon,使用CSS框架,使用宏加载静态资源 --

加载静态文件一个Web项目不仅需要HTML模板,还需要许多静态文件,比如CSS、JavaScript文件、图片和声音声。在flask程序中,默认需要将静态文件存储在与主脚本(包含程序实例的脚本)同级目录的static文件夹中。为了在HTML文件中引用静态文件,我们需要使用url_for()函数获取静态文件的URL。fl...

selenium 元素(class_name、link_text、css_selector)定位方法

通过元素的定位,使用firebug查找元素1、示例一,class_name与link_text定位  定位“下一步”并点击的方法,操作如下:driver.find_element_by_class_name("TFnext").click()#class_name此时的可选值有两种TFnext与TFnextbtn都可被...

将px转成vw 缩放插件:postcss-px-to-viewport

首先还是进行安装:npminstallpostcss-px-to-viewport--save-dev安装完成之后.我们需要去更改一个js文件==========> postcss.config.js文件如果没有该文件,就自己手动创建一个吧,跟创建vue.config.js一样的在这个文件中: ...
代码星球 ·2021-02-02

使用vue搭建应用三引入scss

Css、Sass、Scss的含义及区别Css(CascadingStyleSheets)  层叠样式表 Sass(SyntacticallyAwesomeStyleSheets)  是一款强化CSS的辅助工具,它在CSS语法的基础上增加了变量(variables)、嵌套(nestedrules)、混合(mix...
首页上一页...1617181920...下一页尾页