HTML教程,CSS教程,网页设计教程,网站设计教程,网页设计学习_18

你的位置：首页 > 软件开发 > 网页设计

一个简单的实例演示vuex模块化和命名空间

因为Vuex Store是全局注册的，不利于较大的项目，引入模块分离业务状态和方法，引入命名空间解决不同模块内（getters,mutaions,actions）名称冲突的问题---------------------------------------------------- ...

VUE2018年08月06日 22:010
layui layer select 选择被遮挡

在编程的时候, layer弹窗中的select 经常会遇到被遮挡的情况: 解决方法：在页面里面找到对应div的class 给overflow新的属性visible即可(默认值。内容不会被修剪，会呈现在元素框之外。)即可显示出下拉框 1.找到层 ...

2018年08月06日 21:0219
HTTP简单教程

目录HTTP简介HTTP工作原理HTTP消息结构客户端请求消息服务器响应消息实例HTTP请求方法HTTP响应头信息HTTP状态码HTTP状态码分类HTTP状态码列表HTTP content-type对照表HTTP简介HTTP协议是Hyper Text Transfer Proto ...

http2018年08月06日 16:007
html 三列布局（两列自适应，一列固定宽度）

不做过多解释：主要是记录一个完整的布局样式，实现页面大致三列其中左右两列是自适应宽度，中间固定宽度效果。不多少代码奉上：CSS样式代码：/*********************公共标签样式********************//********************** ...

HTML2018年08月06日 03:034
js获取文件上传进度

js获取文件上传进度：<input name="file" id="FileUpload" type="file" /><input type="button" onclick=&q ...

2018年08月06日 01:026
css实现导航切换

css实现导航切换效果图：代码如下，复制即可使用：<!DOCTYPE html><html><head> <title>css实现导航切换</title> <style type="text/ ...

CSS2018年08月05日 21:001
我的ASP.NET学习笔记03CSS基础知识

CSS的基础概念CSS的作用就是对网页中元素进行更精细的美化在网页中加入CSS的三种方法内嵌式：直接在HTML标签中添加style属性，在style属性值里面书写css，比如：<p style=”今天天气一般</p>内部样式：是将CSS的内容书写在本网页中&lt ...

ASP.NET2018年08月05日 03:018
SASS简介及使用方法

一、什么是SassSass (Syntactically Awesome StyleSheets)是css的一个扩展开发工具，它允许你使用变量、条件语句等，使开发更简单可维护。这里是官方文档。二、基本语法 1）变量 sass的变量名必须是一个$符号开头，后面紧跟变量名 ...

2018年08月05日 03:013
我的ASP.NET学习笔记01HTML基础

HTML基础一、 <font></font>字体通常在网页中我们尽量使用宋体，黑体，微软雅黑（win7以上）这些字体。因为这些字体通常是操作系统自带的。如果我们使用了计算机上不存在的字体，那么计算机将使用默认字体，一般是宋体。二、 color ...

ASP.NET2018年08月05日 02:012
::before和::after伪元素的妙用

场景：假如有一天，你的在写一个前端项目，是关于一份点餐商家电话信息表，你啪塔啪塔地写完了，突然间项目经理跑过来找你，要求你在每一个商家的电话号码前都添加一个电话符号，来使得电话号码更直观和页面更美观。这个时候你就纠结了，这不是折磨 ...

2018年08月04日 02:033
css的三个特性背景透明设置

关于行内元素（补充一点）行内元素只能容纳文本或其他行内元素。（a特殊a里面可以放块级元素）例子：关于行高tip:选择器的嵌套层级不应大于3级，位置靠后的限定条件应尽可能的精确。属性定义必须另起一行。关于行高的测量： css的三大特性（层叠优先继承）a、层 ...

CSS2018年08月04日 02:023
$html5\CSS3有哪些新特性、移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？$
html5\CSS3有哪些新特性、移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？

（1）HTML5现在已经不是SGML的子集，主要是关于图像，位置，存储，地理定位等功能的增加。绘画canvas元素；用于媒介回放的video和audio元素；本地离线存储localStorage长期存储数据，浏览器关闭后数据不丢失，sessionStorage的数据在浏览器关闭后 ...

HTML2018年08月03日 06:010
Chart.js Y轴数据以百分比展示

新手一枚，解决的问题喜欢记录，也许正好有人在网上迷茫的百度着。-0- 最近使用Chart.js做折线图的报表展示，直接显示整数啥的很好弄毕竟例子直接在哪里可以用，百分比就没办法了。百度慢慢汲取营养，虽然总是几篇文章复制粘贴，但还有有收获，然后自己捣鼓半天总算是弄出来了。。。 ...

2018年08月03日 04:0025
CSS 小结笔记之选择器

Css选择器主要分为以下几类类选择器ID选择器通配符选择器标签选择器伪类选择器复合选择器1、类选择器：通过.classname 来选择例如 .color2 { color: rebeccapurple; } 同一个标签可以通过多个类名来指定多个样式，但是若其中有重叠 ...

CSS2018年08月03日 00:010
H5实现魔方游戏

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>WebGL魔方小游戏 - www.web-t ...

2018年08月02日 22:0011
css选项卡

#title {height: 30px;width: 400px;}#title li {float: left;list-style-type: none;height: 30px;width: 132px;line-height: 30px;text-align: cent ...

CSS2018年08月02日 08:011
CSS引入方式

第一：css的四种引入方式1.行内样式最直接最简单的一种，直接对HTML标签使用，例如：<p ></p>缺点：HTML页面不纯净，文件体积大，不利于蜘蛛爬行，后期维护不方便。 2.内嵌样式内嵌样式就是将CSS代码写在<head></h ...

CSS2018年08月02日 05:002
input上传文件个数控制

HTML:1 <h3>请上传[2,5]个文件</h3>2 <form action="" enctype="multipart/form-data">3 <input type=" ...

上传2018年08月02日 03:0018
神奇的选择器 :focus

CSS 的伪类选择器和伪元素选择器，让 CSS 有了更为强大的功能。伪类大家听的多了，伪元素可能听到的不是那么频繁，其实 CSS 对这两个是有区分的。有个错误有必要每次讲到伪类都提一下，有时你会发现伪类元素使用了两个冒号 (::) 而不是一个冒号 (:)，这是 CSS3 规范中的 ...

2018年08月01日 22:012
ajax请求完之前的loading加载

很多时候我们需要引入框架来开发项目，这时我们可能会遇到页面还没加载完源码出来了的问题，给用户一种不好的视觉体验，这是便需要loading加载了，来完善用户体验！ 1 /*loading.js*/ 2 // 加载HTML图 3 var _LoadingHtml = '&lt ...

ajax2018年08月01日 21:013
获取浏览器可视区域宽高

1 /** 2 * 获取浏览器可视区域宽度 3 */ 4 function getViewPortOffset() { 5 if (window.innerWidth) { 6 return { 7 w: window.innerWidth, 8 ...

浏览器2018年08月01日 09:025
关于图片预加载的思考

引子：很多时候，我们在写html页面的时候，当需要在页面中加入图片时，我们很自然地把图片直接用<img>标签放在了<body>里面，这本来是没有多大问题的。但是当图片数量很多的时候，问题就来了。Html页面在被解析器解析的时候要不断去寻找图片的路径去加载图 ...

图片2018年08月01日 09:008
获取浏览器滚动距离

1 /** 2 * 获取浏览器滚动距离 3 */ 4 function getScrollOffset() { 5 if (window.pageXOffset) { 6 return { 7 x: window.pageXOffset, 8 ...

浏览器2018年08月01日 09:000
VS Code如何更换主题皮肤？

1、系统主题选择　　“ 文件 → 首选项 → 颜色主题”　　快捷键：[ Ctrl+K Ctrl+T ]　　 2、安装主题　　[ Ctrl+K Ctrl+M ] 打开扩展，搜索 theme，选择安装　　　　点击“重新加载”　　 3、“ 文件 → 首选项 ...

2018年08月01日 09:0027
HTML5之特效

2D转换在二维的平面上做一些变化，使用transform属性1. 2D转换之移动（translate）案例： div{ width: 200px; height: 200px; background-color: #090; position: absolute ...

HTML2018年08月01日 08:011
ajax文件上传

HTML: 1 <form action=""> 2 3 <input type="file" id="file1" name=""> 4 5 <br& ...

ajax2018年08月01日 08:001
添加标签——给定标签选项

HTML： 1 <h3>haveTags</h3>2 <div id="havetags"></div>3 <hr />4 <h3>addTags</h3>5 & ...

2018年08月01日 08:000
LayaAir从入门到放弃

我是一个小白程序员，准备开发小程序找了很久小程序开发引擎，看到白鹭和LayaAir 。经过一番资料查找后被LayaAir高性能、接口简洁及社区活跃所吸引，然后选择了LayaAir。开发过程中一般小问题都说看看官网看看文档就能解决了，但是现在我遇见了解决不到问题，官网又没任何资料的 ...

2018年08月01日 03:021
CSS 小结笔记之三种样式表

CSS 引入共有三种方式：内部样式表，内联样式（行内样式）表，外部样式表，当然也可以使用多重样式内联样式<div style="color:red;font-size:20px">内联样式表</div >内联样式直接把样式卸载html ...

CSS2018年07月31日 21:002
Edge BUG欣赏之四摸鸡与IP地址的恩怨

<html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head&g ...

2018年07月31日 04:000
css清除浮动的原理

最近学习css发现了高度塌陷时候要清除浮动,为了理解清楚浮动原理,网上找了不少资料,发现都写的不是很清楚,而且都是一模一样的内容,我在里分享一下我对清楚浮动原理的理解一.什么是浮动首先我们需要知道定位元素在页面中的位置就是定位，解决问题之前我们先来了解下几种定位方式 1、普通流 ...

CSS2018年07月31日 03:010
Windows环境下sublime text 3搭建前端开发环境

一、安装SubLime Text 3SubLime Text 3官网下载：https://www.sublimetext.com/ 二、安装Package Control进入sublime后，按快捷键Ctrl+、键，进入命令行模式，sublime text 3在命令行输入：1 ...

Windows2018年07月31日 01:003
前端——HTML，CSS

HTMLHTML叫做超文本标记语言，是一种制作万维网页面标准语言。相当于定义一套规则，大家都来遵守它，这样浏览器就可以去解释它。浏览器负责将标签翻译成用户看得懂的格式，呈现给用户。作为开发者需要学习的：　　1.学习HTML规则　　2.从数据库获取数据，然后替换到HTML文件的指定 ...

UFO 皮卡2018年07月30日 23:025
HTML表格

表格表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落 ...

HTML2018年07月30日 06:001
关于开发Cesium造成的电脑风扇狂飙的问题

最近在开发Cesium的项目，每次一打开浏览器渲染3D 模型。风扇就狂飙起来，进任务管理器查看发现集显使用率100%，独显使用率0%。使用的是集显进行渲染。怪不得风扇会飙起来。既然知道问题所在，解决的办法就很简单了，将浏览器设置为使用独显就可以了。具体设置方法可以去各种搜索引擎上 ...

电脑2018年07月30日 04:010
h5动画如何实现？如何快速开发h5动画

最近几年随着h5的兴起，复杂的h5动画，甚至是交互动画类型的产品不断涌现，尤其在课件产品方面，很多公司都有相关需求，最近很多h5开发工程师想了解相关方面的技术。针对h5,如果是简单的动画效果，可以考虑css3来实现，如果是较为复杂的动画效果，比如有很多特效，动画时长比较长，那么就 ...

2018年07月30日 00:012
设置博客园标题样式

1.向博客园申请js权限　我们需要进入博客园自定义博客模板的页面，向博客园管理团队申请页面运行js的权限。【博客园】->【设置】->【博客设置】，点击页面上的js权限申请，然后填写申请的理由，耐心等几分钟，再刷新一下，页面就会显示支持js代码，博客园也会在用户邮 ...

2018年07月30日 00:001
如何让浮动的元素换行？？css

当你想要做成这种布局效果的时候紫色框里面的内容那样它是一个列表li元素是块级元素默认大小是父元素ul的宽并且换行如果li没有背景的话那就不用管了可是问题来了它不但有背景而且是根据文字自适应的宽高这就是inline-block类型的功能了那么想让li是inline ...

CSS2018年07月29日 23:031
svg的基本图形与属性【小尾巴的svg学习笔记1】

因为项目有可能用到, 所以学习了一下，做此笔记，图截自慕课网，侵删。一、基本图形　　1、矩形　　　　　　　　x，y定义矩形的左上角坐标；　　　　width，height定义矩形的长度和宽度；　　　　rx，ry定义矩形的圆角半径长度，这里注意，如果rx给值了ry没给值，ry沿用rx ...

2018年07月29日 21:020
button onclick实现跳转的常用方法

1、onclick="javascript:window.location.href='aa.htm' "2、onclick="location='URL' "3、onclick="window.l ...

2018年07月28日 05:0018
position 的属性值

理论上来说，全部 position 的取值有8个包括：position：static | relative | absolute | fixed | sticky | initial | inherit | unset其中最常用的是 static 、relative、abs ...

2018年07月27日 10:010
关于网站开发中div标签中设置宽度后其中文本溢出的原因和解决方法

一.问题产生的原因　　当我们为div标签声明了宽度，但是仍然会出现文本越界的情况，不知道大家有没有发现，只有文本内容为单词或者纯数字的时候才会出现这种情况为此我特意测试了两种情况，结果如下：　　①当文本内容为纯数字或者字母：　　②当文本内容为汉字：　　　　所以我们可以 ...

div2018年07月27日 08:0112
html 01前沿

1. 认识网页　　网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。2. 浏览器（显示代码）　　浏览器是网页显示、运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我们平 ...

HTML2018年07月27日 06:011
看完让你彻底搞懂Websocket原理

一、websocket与httpWebSocket是HTML5出的东西（协议），也就是说HTTP协议没有变化，或者说没关系，但HTTP是不支持持久连接的（长连接，循环连接的不算）首先HTTP有 1.1 和 1.0 之说，也就是所谓的 keep-alive ...

web2018年07月27日 03:004
psd图片不能在网页上显示

原因：web上不支持psd图片，web支持JPG，PNG等。解决：打开ps点击文件--储存为web所用格式（选择转换成哪种格式）。 ...

图片2018年07月27日 02:000
HTML第三章：表单

第三章：表单表单标签form:<form></form>//相当于一张记录用户信息的单子常用属性：method:表单的提交方式，常用的值有两个 ...

HTML2018年07月26日 20:006
HTML第二章:列表，表格，媒体元素

第二章：列表，表格，媒体元素列表：有三种，有序列表，无序列表，定义列表 1.有序列表：<ol></ol> 列表项:<li></li> ...

HTML2018年07月26日 08:021
HTML第一章：初始HTML

设置ws字体大小：左上角file-->Settings--->在搜索框中输入font网页的第一行一定是<!DOCTYPE html>：网页声明，代表这个页面是h5页面html标签中的leng="en"：意思是网页中会用到英文<me ...

关键字1 关键字22018年07月26日 07:031
css把容器级别（div...）标签固定在一个位置（在页面最右边）

.process{ border:1px solid #B7B7B8; background:#F8F8F8; width:80px; height:250px;  　　position: fixed; 　　right:0; 　　text-al ...

CSS2018年07月25日 23:021
css把容器级别（div）标签固定在一个位置（在页面最右边）

.process{ border:1px solid #B7B7B8; background:#F8F8F8; width:80px; height:250px;  　　position: fixed; 　　right:0; 　　text-al ...

CSS2018年07月25日 22:000
博客模板简易修改

没学过 css，学过一点点 html，这些天看了一些模板样式很 nice 的博客，跟大家分享下：print('''1. https://www.cnblogs.com/Enceladus/2. https://www.cnblogs.com/ECJTUAC ...

2018年07月25日 09:010
微信自定义分享

前端时间,开发了一个资讯类的项目,但销售部门进行微信推广时,分享的链接直接是网页链接加分享符号,即难看又不正规,于是研究了一下微信自定义的分享功能前期准备工作:1.认证公众号的appId,appSecret2.各种获取微信信息链接(此部分查找微信自定义分享API,地址:https ...

2018年07月25日 06:013
Angular4 JSONP + JAVA代码

一、在app.module.ts模块中，注入JsonpModule模块import {JsonpModule} from "@angular/http";@NgModule({ imports: [ JsonpModule //注入JSonpModule模块 ...

2018年07月25日 02:000
使用Chrome控制台进行3D模型编辑的尝试

前言：3D模型编辑的核心是对顶点位置和纹理颜色的编辑，这个研究的目的在于寻找一种通过编程方式直接对模型进行编辑的方法，这种编辑方法和时下流行的通过鼠标点选、拖拽进行编辑的方法之间的关系，和前端编程中“程序员编写静态网页”与“美工进行网页切图”之间的关系很相似。一、工具用法：1、访 ...

chrome2018年07月25日 01:021
td过长，将固定宽度table撑开

解决办法：在table上加上样式:　　table{table-layout:fixed;word-break:break-all} table-layout:fixed tablle的列宽由表格宽度和列宽设定。 word-break:break-all ...

2018年07月25日 01:012
css画图那些事

上一篇css3写了一些基本的图形，想到是不是能用css3画个动物，便在网上找图片。于是选中一只大鹏鸟也不难，一步步的写出身体部位，再定位上去就好了。来一张效果图，后面给两个加了动画，稍微难看一点，后期慢慢修改<!DOCTYPE html><html>&lt ...

CSS2018年07月24日 20:001
tinymce与prism代码高亮实现及汉化的配置

简单介绍：TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器，由JavaScript写成。它对IE6+和Firefox1.5+都有着非常良好的支持。功能方强大，并且功能配置灵活简单。另一特点是加载速度非常快的。最重要的是，TinyMCE是一个根据LGPL license发布 ...

2018年07月24日 18:001
HTML标签

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body ...

HTML2018年07月24日 03:013
layui 的 GitHub 及 Gitee (码云) 仓库

GitHub: https://github.com/sentsin/layui/Gitee：https://gitee.com/sentsin/layui ...

Git2018年07月24日 03:018
Vue学习之路8

前言上一篇文章以v-on指令绑定click事件为例介绍了v-on指令的使用方法，本文介绍一下v-on绑定事件的一些属性的使用方法。v-on绑定指令属性 .stop属性阻止单击事件继续向上传播（简单点说就是不让父节点及父节点以上的节点事件触发），本示例如果 ...

VUE2018年07月24日 02:012

我的浏览记录

热门推荐

更多标签云