盒模型主要有四个区域: 内容content 内边距padding 外边距margin 边框border 实现让块状元素居中 margin:auto; margin:上 右 下 左 上下外边距合并 ...
分类:
Web程序 时间:
2020-07-18 22:27:34
阅读次数:
79
CSS3的常规属性 背景属性——background ? 在css中使用background属性来设置背景,它的值有以下几个: 属性 描述 background 简写属性,作用是将背景属性设置在一个声明当中。 background-color 设置的是背景颜色。(颜色名 十六进制 rgb() rgb ...
分类:
Web程序 时间:
2020-07-18 22:15:21
阅读次数:
306
shopfiy 是使用 liquid 模板语言开发的,里面有一些非常实用的标签,不管是在 html 结构中,还是在 css 样式中都可以使用,非常方便。 常用标签 {{ 'smirking_gnome.gif' | asset_url | img_tag }} 编译后: <img src="//cd ...
分类:
Web程序 时间:
2020-07-18 21:57:14
阅读次数:
93
Webpack css文件的配置 loader 让 webpack 能够去处理那些非 JavaScript 文件(webpack 自身只理解 JavaScript)。loader 可以将所有类型的文件转换为 webpack 能够处理的有效模块,然后你就可以利用 webpack 的打包能力,对它们进行 ...
分类:
Web程序 时间:
2020-07-18 19:49:06
阅读次数:
75
-1、html 兼容性问题 问题:HTML5新的语义标签在低版本的老IE浏览器中存在兼容性问题 解决方案:引用第三方解析库 <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script> -2、css兼 ...
分类:
其他好文 时间:
2020-07-18 19:44:21
阅读次数:
72
22. css 中可继承的属性有哪些 正确答案: B E A.heightB.font-sizeC.borderD.widthE.color解析 :可以继承的属性很少,只有颜色,文字,字体间距行高对齐方式,和列表的样式可以继承 23. 下列说法正确的是()正确答案: A B A.display: n ...
分类:
其他好文 时间:
2020-07-18 15:59:24
阅读次数:
79
话不多说,先上效果图 本demo没使用JavaScript,纯CSS3实现,下面是完整代码 1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title>时钟</title> 5 <style type="text/css"> 6 .screen{ 7 wi ...
分类:
Web程序 时间:
2020-07-18 15:52:50
阅读次数:
82
一 动静分离概述 1.1 动静分离介绍 为了提高网站的响应速度,减轻程序服务器(Tomcat,Jboss等)的负载,对于静态资源,如图片、js、css等文件,可以在反向代理服务器中进行缓存,这样浏览器在请求一个静态资源时,代理服务器就可以直接处理,而不用将请求转发给后端服务器。对于用户请求的动态文件 ...
分类:
其他好文 时间:
2020-07-18 15:25:13
阅读次数:
71
使用HTML+CSS+javascript实现简易计算器 奉上在javascript学习期间写的小程序(简易计算机) 一、先上图: 二、实现过程: 1.页面结构如下: <body> <div id="sDiv"> <div id="show"><div id="showme"></div></div ...
分类:
编程语言 时间:
2020-07-18 11:30:30
阅读次数:
75
在web前端开发过程中,UI设计师经常会设计一些带渐变文字的设计图,在以前我们只能用png的图片来代替文字,今天可以实现使用纯css实现渐变文字了。下面就介绍3中实现方式供大家参考! 基础样式: .gradient-text{text-align: left;text-indent:30px;lin ...
分类:
Web程序 时间:
2020-07-18 11:27:54
阅读次数:
77