weixin_51715058-CSDN博客

原创 css的精灵技术

什么是css的精灵技术？ CSS Sprites在国内很多人叫css精灵技术，是一种网页图片应用处理方式。在制作网页的过程中我们会用很多个细碎的小图，每当用户访问一个网站时，需要向服务器发送请求，网页上的每张图像都要经过一次请求才能展现给用户。由于网页中细碎的小图片很多，会导致向服务器发送N多次请求，这样不仅降低了页面的加载速度，也会影响服务器的效率。为了有效地减少服务器接受和发送请求的次数，提高页面的加载速度。 CSS 精灵其实是将网页中的一些背景图像整合到一张大图中（精灵图），然而，各个网页元素通

2021-03-28 11:53:29 62

原创 JavaScript变量的定义及类型

JavaScript 输出 JavaScript 没有任何打印或者输出的函数。 JavaScript 可以通过不同的方式来输出数据：使用 window.alert() 弹出警告框。使用 document.write() 方法将内容写到 HTML 文档中。使用 innerHTML 写入到 HTML 元素。使用 console.log() 写入到浏览器的控制台。定义变量 JavaScript使用 var来定义变量，多个变量名之间用逗号隔开。定义变量是不为其赋值则缺省为undefined，表示该值未

2021-03-28 11:33:35 161

原创 HTML中Form表单的使用

表单含义：收集不同类型的用户输入信息。一个表单是由表单元素组成的。 form标签：作用：定义一个表单。标签：只是说开始标签与结束标签。元素：在HTML中，从开始标签到结束标签的所有代码统称为一个元素。表单元素：不同类型的input元素以及单选框，提交按钮等。格式： < form action= " " > < /form> 表单属性： action：提交的地址 method：提交的方式 name：提交的数据的名字输入框 : type=text 作用：创建一个

2021-03-28 11:18:20 82

原创自定义字体

一、浏览器支持 Firefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 类型的字体。 Internet Explorer 9+ 支持新的 @font-face 规则，但是仅支持 .eot 类型的字体 (Embedded OpenType)。二、使用 1.在项目中新建fonts文件夹，将准备好的字体文件加入到该文件夹里。 2.使用@font-face中的font-family和src引入字体，在src的

2021-03-28 10:57:47 170

原创 CSS层叠样式表——继承与覆盖

样式的继承一、可继承的属性 color font (以及相关的属性) letter-spacing line-height list-style (以及相关的属性) text-align text-indent text-transform visibility white-space word-spacing 二、不可继承的属性 background (以及相关的属性) border (以及相关的属性) display float 和 clear height 和 width margin (

2021-03-28 10:30:13 80

原创前端常用的命名规则及规范

一个得到广泛推崇的东西，必然有它的优势所在。web语义化： 1）标签语义化，如在合适的地方用合适的语义化标签，如头部可用<header>、尾部可用<footer>； 2）命名语义化，包括html的id和class的命名，javascript相关命名；如#header{}、.footer{}、等。下面是常见的命名参考规范：一、主体头部：header 内容：content/container 尾部：footer 导航：nav 侧栏：sidebar 栏目：column 整体布局：wr

2021-03-24 11:40:05 193

原创 HTML居中样式

一、水平居中行内水平元素居中（只是将子元素里的内联元素居中） text-align：center ；块级元素水平居中 margin： 0 auto; 不定宽度 transform: translateX(-50%); 二、垂直居中行内元素，设置height和line-height属性 height:100px; line-height:100px; 多行的行内元素给父元素设置 display:table-cell; vertical-align: middle; 三、水

2021-03-15 11:24:49 233

原创最常用的四种清除浮动方法

清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题常用的4种清除浮动方法：在最后一个浮动标签后新加一个标签，设置为clear：both；（不建议使用） clear：both；如果我们清除了浮动，父元素自动检测子盒子最高的高度，然后与其同高。缺点：添加无意义标签，语义化差。给父元素添加overflow:hidden;（不建议使用） .content{ width:100px; border:1px dotted red;

2021-02-03 08:39:35 99

原创 Git的基本使用操作

Git 是分布式版本控制系统，它可以没有中央服务器，因为自己的电脑上是一个完整的版本库，,工作的时候就不需要联网了。多人如何协作呢？比如说自己在电脑上改了文件 A，其他人也在电脑上改了文件 A，这时，你们两之间只需把各自的修改推送给对方，就可以互相看到对方的修改了。注：（以下使用git命令行和SourceTree俩种方法）一、将本地代码上传到远程仓库 1.1 电脑先安装好git和SourceTree，使用Git Bash 查看git版本 git version 设置用户名和邮箱 git conf

2021-01-28 08:51:17 110 1

weixin_51715058的博客