当前分类

网页制作

web前端

Web—01-快速入门:HTML

html概述和基本结构<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>网页标题</title></head><body>网页显示内容</body></html>注:定义成中文是’lang=”...

web前端

Web—02-轻松理解css

CSS基本语法以及页面引用CSS基本语法css的定义方法是:选择器 { 属性:值; 属性:值; 属性:值;}选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性每个属性有一个或多个值。代码示例:/*css注释 ctrl+shift+"/"*/div{width:100px;heigh...

web前端

Web—03-神器Photoshop

常用图片格式1、psdphotoshop的专用格式。优点:完整保存图像的信息,包括未压缩的图像数据、图层、透明等信息,方便图像的编辑。缺点:应用范围窄,图片容量相对比较大。2、jpg网页制作及日常使用最普遍的图像格式。优点:图像压缩效率高,图像容量相对最小。...

web前端

Web—04-详解HTML5与CSS3

CSS权重CSS权重指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式。权重的等级可以把样式的应用方式分为几个等级,按照等级来计算权重1、!important,加在样式属性值后,权重值为...

web前端

Web—08-移动端库和框架

移动端js事件移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件包括如下几个事件:1、touchstart: //手指放到屏幕上时触发2、touchmove: //手指在屏幕上滑动式触发3、touchend: //手指离开屏幕时触发4、touchcancel: ...

web前端

Web—07-JQuery

jquery是一个函数库,一个js文件,页面用script标签引入这个js文件就可以使用。<script type="text/javascript" src="js/jquery-1.12.2.js"></script>jquery的口号和愿望 Write Less, Do More(写得少,做得多)1、[官方网站](ht...

web前端

Web—06-JavaScript

JavaScript介绍JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互。 JavaScript是浏览器解释执行的,前端脚本语言还有JScript(微软,IE独有),ActionScript( Adobe公司,需要插件)等。前端三大块...

web前端

Web—05-常用css列表

color 设置文字的颜色,如: color:red;font-size 设置文字的大小,如:font-size:12px;font-family 设置文字的字体,如:font-family:'微软雅黑';font-style 设置字体是否倾斜,如:font-style:'normal'; 设置不倾斜,font-style:'itali...

web前端

Web—09-正则表达式

正则表达式1、什么是正则表达式:能让计算机读懂的字符串匹配规则。2、正则表达式的写法:var re=new RegExp('规则', '可选参数');var re=/规则/参数;3、规则中的字符1)普通字符匹配:如:/a/ 匹配字符 ‘a’,/a,b/ 匹配字符 ‘a,b’2)转义...

web前端

Web—12-详解CSS的相对定位和绝对定位

CSS的相对定位和绝对定位通常情况下,我们元素的position属性的值默认为static 就是没有定位,元素出现在正常的文档流中,,这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有效果的,不会生效,比如你设置一个距离左边距偏移100px的声明...

web前端

Web—11-手机端页面适配

流式布局:就是百分比布局,非固定像素,内容向两侧填充,理解成流动的布局,成为流式布局视觉窗口:viewport是移动端持有。这是一个虚拟的区域,承载网页的。承载关系:浏览器—-》viewport—-》网页适配要求:1.网页宽度必须和浏览器保持一致2.默认显示的缩放...

web前端

Web—10-前端性能优化

前端性能优化从用户访问资源到资源完整的展现在用户面前的过程中,通过技术手段和优化策略,缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度。网站的性能直接会影响到用户的数量,所有前端性能优化很重要。前端性能优化分为如下几个方面:一、代码部...

CSS教程

CSS的引入方式

CSS的引入方式共有三种:行内样式、内部样式表、外部样式表。 一、行内样式 使用style属性引入CSS样式。 示例:<h1 "color:red;">st

CSS教程

CSS的伪类 :before 和 :after

CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 Creative Link Effects&#1

CSS教程

无聊的切图--项目搭建与环境配置

又开始公司的新项目了。。。又到了无聊的切图时间,没办法,拿人钱财替人消灾啊 ! 那当我们拿到公司新项目的时候我们需要做些什么呢? 下面就来分享一下我的工作步骤吧(仅使用于初学者,大神勿见怪 ,有不好的

CSS教程

博客园--头部昵称特效展示代码

刚入了这个博客园,发现竟然这么高的自由度,页面风格可以自己搞,那还不嗨起来? 于是赶紧搞了一波,有没有被头部的昵称炫到。。。当然也是网上找的一个,拿来看一下效果 废话不多说。上代码 就是它了,各位看官

CSS教程

签到抽奖功能——常见前端抽奖需求

网站开发 ,经常需要用到登录注册,签到抽奖等模块,虽然每次都要写,但是把这个记录下来会很方便下次再用。。。 这边刚写了一个签到抽奖,放到这边来分享记录一下。 首先根据设计图 需要这样的样式与效果 这样

HTML教程

html 头标签 <meta http-equiv 属性应用。

比较常用的1. 网页出现乱码时设置字符集<meta http-equiv="content-Type" content="text/html; charset=gb2312">2. 清缓存<meta http-equiv="cache-control" content="no-cache">3. 设置兼容模式下默认层级,解决...

HTML教程

如何实现图片逐渐加载逐渐显示 转载

图片站打开速度慢怎么办?空间不好有几张图片打开速度慢,怎么办?等等,对于有图片的网站打开速度慢,会导致用户不耐烦的跳出,使网站的跳出率增加,这也是网站排名迟迟上不去的原因之一。今天东东SEO博客给大家

HTML教程

inline-block去掉空白距离的方法

一、现象描述:inline-block形式水平呈现的元素,换行显示或空格分割的情况下,元素之间会有间距,实例如下: 使用CSS将行内元素的display设置为inline-block时,也会出现间隔:

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

标题
返回顶部