基础选择器 <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
[CSS :first-line 选择器完整CSS选择器参考手册实例每个元素的第一行选择的样式: p:first-line { background-color:yellow; } 定义和用法:first-line选择器用来指定选择器第一行的样式。注意::first-line选择器可以使用以下属性:... ...
分类:
Web程序 时间:
2020-07-09 12:12:02
阅读次数:
160
[CSS outline-style 属性实例设置outline的样式: p { outline-style:dotted; } 在此页底部有更多的例子。属性定义及使用说明outline(轮廓)是绘制于元素周围的一条线,位于边框边缘的外围。outline-style属性指定outline的样式。默认... ...
分类:
Web程序 时间:
2020-07-09 12:10:44
阅读次数:
153