网站logo优化分为四大步: 1. logo要用h1标签包住,目的是提权,告诉搜索引擎logo很重要。 2. h1标签里在放一个a标签,可以返回首页,转化a的显示模式,将logo作为背景图片放入a标签。 3. a标签里放入网站名字,通过 font-size: 0; 隐藏文字。 4. 给a标签一个 t ...
分类:
Web程序 时间:
2020-08-05 10:31:28
阅读次数:
91
CSS基础 1. 什么是CSS Cascading Style Sheet 层叠级联样式表 CSS:表现层(美化网页) 字体,颜色,边距,高度,宽度,背景图片,网页定位,网页浮动... 2. 发展史 CSS1.0 CSS2.0 DIV(块)+CSS,提出了HTML与CSS分离的思想,网页变得很简单 ...
分类:
Web程序 时间:
2020-08-03 14:51:20
阅读次数:
102
字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-heigh ...
分类:
Web程序 时间:
2020-07-31 19:23:58
阅读次数:
126
今天在重构网页特效的时候,想着用到一个css3的旋转特效。简单来一个demo。 html <div class="box"> <img src="./yft.png" alt="" class="rotation"> </div> css <style> @-webkit-keyframes rot ...
分类:
Web程序 时间:
2020-07-28 14:44:30
阅读次数:
164
网页背景 1. 设置背景颜色 background-color:#bfa; 设置背景图片 background-image:url(“./img/.....”) 注意:可以同时设置背景图片和背景颜色,这样背景颜色就会变成图片的背景色 如果背景的图片小于元素,则背景图片会自动在元素中平铺将元素铺满。 ...
分类:
Web程序 时间:
2020-07-28 00:15:38
阅读次数:
106
1、导入背景图至/boot/grub/下 rz filename 2、转化图片为启动菜单所需要的格式和后缀 convert -resize 640x480 -colors 14 backup.jpg back1.xpm 3、系统要求的后缀是.xpm.gz gzip back1.xpm 4 修改文件g ...
分类:
其他好文 时间:
2020-07-27 13:43:10
阅读次数:
81
在做登陆页面等的首页的时候,经常会遇到需要放一张背景大图的情况,并且需要图片按比例缩放,来适应不同屏幕的大小。 html代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" ...
分类:
Web程序 时间:
2020-07-22 15:53:38
阅读次数:
102
CSS属性的简写 background background-color背景颜色 background-image背景图片 background-repeat背景平铺方式 写成一个 background:背景色 url(背景图片路径) 平铺方式;可以省略其中的一个也是可以的 background: ...
分类:
Web程序 时间:
2020-07-22 02:16:20
阅读次数:
144
页面需要水印 import Vue from 'vue' /** * watermark 指令 * 解决: 给页面生成水印 * 基本原理:给选择器添加背景图片 * 用法:v-watermark="{options}" * option: * @param {string} text 水印文字 * @ ...
分类:
其他好文 时间:
2020-07-22 02:03:04
阅读次数:
112
先来说一下问题,在本地项目完好,所有图片均可显示,但是部署到线上之后发现所有背景图片无法展示,其他引入img正常。 解决方法: 第一步 第二步 找到build文件夹下的utils.js 启动项目 再次build就可以了。 最后的最后再说一个 轮播图上的点击事件, 我用的swiper , 轮播上的实验 ...
分类:
其他好文 时间:
2020-07-21 14:09:06
阅读次数:
90