CSS的引入与选择器 CSS与HTML的关系 Cascading Style Sheet 即层叠样式表 在上一篇文中，已经介绍了一些非常常用的HTML标签，接下来将步入CSS的学习，如果将单纯HTML构成的页面当做是一副素描画，那么CSS就是为这幅画进行上色的。 当然，CSS也可以对HTML文档进行 ...
分类：
Web程序 时间：
2020-07-10 00:29:42
阅读次数：
121
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="../Public/js/layui/css/layui.css" /> <title></title> </head> <body> ...
分类：
Web程序 时间：
2020-07-10 00:18:29
阅读次数：
100
基础选择器 <style> .cls1{ color: blue; } div{ color:green; } #div1{ color: red; } </style> 基础选择器 id选择器：选择具体的id属性值的元素.建议在一个html页面中id值唯一 语法：#id属性值 元素选择器：选择具有 ...
分类：
Web程序 时间：
2020-07-10 00:13:34
阅读次数：
915
css语法： * 格式： 选择器 { 属性名1:属性值1; 属性名2:属性值2; ... } * 选择器:筛选具有相似特征的元素 * 注意： * 每一对属性需要使用；隔开，最后一对属性可以不加； 选择器：筛选具有相似特征的元素 分类： 基础选择器 id选择器：选择具体的id属性值的元素.建议在一个h ...
分类：
Web程序 时间：
2020-07-10 00:12:34
阅读次数：
102
HTML 浏览头上设置的meta，用于增加搜索可见度，content指示关键字 <meta charset="UTF-8" name="keywords" content="HTML5,CSS,前端"> description：指定网站的描述，网站的描述会显示在搜索引擎搜索结果中 <meta nam ...
分类：
Web程序 时间：
2020-07-10 00:12:05
阅读次数：
131
扩展选择器 <style> div p{ color:red; } div > p { border: 1px solid; } input[type='text']{ border: 5px solid; } a:link{ color: pink; } a:hover{ color: green ...
分类：
Web程序 时间：
2020-07-10 00:10:29
阅读次数：
67
创建剪切动画 对于剪切动画，使用clip-path代替width/height，避免DOM重排导致性能过低。 .animate { width: 200px; height: 200px; background: #000; animation: 1s clip; } @keyframes clip ...
分类：
Web程序 时间：
2020-07-10 00:09:31
阅读次数：
86
（1）通过npm安装： npm install wowjs --save-dev animate.css会自动安装。 （2）在main.js中引入animate.css import 'wowjs/css/libs/animate.css 在组件需要的地方引入wowjs 有两种使用方式： 1. im ...
分类：
Web程序 时间：
2020-07-09 19:17:55
阅读次数：
104
什么是Web服务器什么是Web服务器？Web服务器是使用HTTP（超文本传输??协议）和其他协议响应的软件或硬件。在硬件方面，Web服务器是一台存储Web服务器软件和网站组成文件（例如HTML文档，图像，CSS样式表和JavaScript文件）的计算机。它连接到Internet，并支持与连接到Web的其他设备进行物理数据交换。在软件方面，Web服务器包括几个部分，这些部分控制Web用户如何访问托管
分类：
Web程序 时间：
2020-07-09 17:49:19
阅读次数：
170
报这个错是因为package.json中配置项lint少了 --fixed把lint 修改如下就好了 "lint": "eslint --fix --ext .js,.vue src", 补充：如果使用VS code编译器装有JS-CSS-HTML插件，将其插件拆卸就ok了 ...
分类：
其他好文 时间：
2020-07-09 15:11:59
阅读次数：
155
