0
推荐
876
阅读
一篇文章教会你在Windows和Linux系统下搭建Nginx
【一、前言】本文章主要讲解Nginx的基础搭建(如果有不知道web服务器的可以百度，或者我再做一篇图解web)。Nginx在互联网中作为一个不可或缺的组件，我们看到LNMP集成环境。LNMP（Linux+Nginx+Mysql+Php)；如果只知道这个不知道Nginx的搭建过程的话我们有Nginx的主要特性会错过。比如Nginx的优点：高可用(一个组件可以服...
0
推荐
1363
阅读
Ubuntu远程连接显示错误Network error Connection refused解决方法
之前在通过Filezilla往虚拟机或者服务器上传送文件的时候都是十分顺利的，不过最近老是遇到“错误:Network error: Connection refused”，如下图所示。此外还有“错误: 认证失败。”的错误，如下图所示，从而导致“错误:严重错误:无法连接到服务器”现象的发生。其实这两个错误并不是同一个原因，所以需要对症下药，否则用药是...
0
推荐
792
阅读
一篇文章教会你使用HTML5加载音频和视频
【一、前言】HTML5 特性，包括原生音频和视频支持而无需 Flash。HTML5 <audio> 和 <video> 标签让我们给站点添加媒体变得简单。我们只需要设置 src 属性来识别媒体资源，包含 controls 属性让用户可以播放和暂停媒体。【二、嵌入视频】下面是在 Web 页面中嵌入视频文件最简单的形式： <video src="img/so...
0
推荐
1042
阅读
一篇文章带你了解CSS3按钮知识
在实际开发中，按钮的应用是必不可少。使用 CSS 来制作按钮，可以更有新意，更有趣，也可以自定义自己想要的样式。一、平面样式CSS按钮平面样式按钮的使用现在非常流行，并且符合无处不在的平面设计趋势。，这些的平面样式按钮效果很好看。以下代码是按钮处于正常的情况下的状态。例：.button {
background-color: #...
0
推荐
1021
阅读
一篇文章带你了解HTML格式化元素
一、为什么要格式化元素？HTML定义了具有特殊意义的特殊元素定义的文本，比如，使用<b>元素<i>来格式化输出，如粗体或斜体文本。格式化元素被设计用来显示特殊类型的文本。二、标签1. b 标签和 strong 标签常规显示HTML <b> 元素定义粗体文本，没有任何额外的重要性，例如：<b>加粗文本内容.<...
0
推荐
1016
阅读
一篇文章带你了解CSS3 3D 转换知识
CSS3 3D变换功能允许在3D空间中变换元素。一、元素的3D转换使用CSS3 3D变换功能，可以对三维空间中的元素执行基本的变换操作。如移动，旋转，缩放和倾斜。变换后的元素不会影响周围的元素，但可以像绝对定位的元素一样将它们重叠。但是，变换后的元素在其默认位置（未变换）仍会在布局中占用空间。二、使用CSS变换和Tran...
0
推荐
876
阅读
一篇文章带你了解SVG 蒙版(Mask)
SVG蒙版功能可将蒙版应用于SVG形状。蒙版可确定SVG形状的哪些部分可见，以及具有什么透明度。运行效果可以将SVG蒙版视为剪切路径的更高级版本。一、简单的蒙版代码解析：本示例使用ID=mask1定义一个蒙版。<mask>元素内部是一个<rect>元素。<rect>元素定义了蒙版的形状。定义了一个使用mask的<rect&...
0
推荐
994
阅读
一篇文章带你了解SVG 渐变知识
渐变是一种从一种颜色到另一种颜色的平滑过渡。另外，可以把多个颜色的过渡应用到同一个元素上。SVG渐变主要有两种类型：（Linear，Radial）。一、SVG 线性渐变<linearGradient>元素用于定义线性渐变。<linearGradient>标签必须嵌套在<defs>的内部。<defs>标签是definitions的缩写，可对诸如渐...
0
推荐
1095
阅读
一篇文章带你了解CSS3圆角知识
一、浏览器支持表中的数字指定完全支持该属性的第一个浏览器版本。数字后面的 -webkit- 或者 -moz- 使用时需要指定前缀。属性ChromeFirefoxSafariOperaIEborder-radius5.0 4.0 -webkit-9.04.0 3.0 -moz-5.0 3.1 -webkit-10.5二、border-radius 属性1. 创建具有背景图的圆角CSS3中，可以使用border-radius属性，为元素指...
0
推荐
890
阅读
一篇文章带你了解CSS对齐方式
一、居中1. 居中对齐元素将块元素水平居中对齐(像 <div>) , 使用 margin: auto;设置元素的宽度将阻止它伸展到容器的边缘。然后元素将占用指定的宽度，剩下的空间将平分在两个边距之间：这个div是居中的。.center {
margin: auto;
width: 50%;
border: 3px solid green;
padding: 10px;
...
0
推荐
974
阅读
一篇文章带你了解CSS 分页实例
生活中分页的效果到处可见，今天教大家详细的分析一下分页效果。如何使用 HTML 和 CSS 来创建分页?如果你的网站有很多个页面，你就需要使用分页来为每个页面做导航一、分页类型1. 简单分页<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>项...
0
推荐
890
阅读
一篇文章带你了解CSS 渐变知识
早些时候，你必须使用图像实现这些效果。 然而, 通过使用CSS3渐变可以减少下载时间和带宽的使用. 此外，缩放的元素在缩放时看起来更好，因为渐变是由浏览器生成的。一、浏览器支持表中的数字指定完全支持该属性的第一个浏览器版本。（来源于百度）数字后面的 -webkit- 或者 -moz- 使用时需要指定前缀。属性 Chrome Firef...
0
推荐
987
阅读
一篇文章带你了解CSS3图片边框
CSS3图片边框使用CSS3 border-image 属性，你可以在元素的周围设置图片边框。一、浏览器支持表中的数字指定完全支持该属性的第一个浏览器版本。数字后面的 -webkit- 或者 -moz- 使用时需要指定前缀。二、CSS3 border-image 属性CSS3 border-image 属性允许您指定要用来代替元素周围的正常边界的图像。属性有三个部分:作...
0
推荐
931
阅读
一篇文章带你了解CSS3 背景知识
CSS3中包含几个新的背景属性，提供更大背景元素控制。一、浏览器支持表中的数字指定完全支持该属性的第一个浏览器版本。数字后面的 -webkit- 或者 -moz- 使用时需要指定前缀。属性ChromeFirefoxSafariOperaIEbackground-image (多背景)4.09.03.63.111.5background-size4.0 1.0 -webkit-9.04.0 3.6 -moz-4.1 3.0 -webkit-...
0
推荐
1010
阅读
一篇文章带你了解HTML表格及其主要属性介绍
一、定义一个HTML表格使用标签定义HTML表格。标签定义表中的每一行使用。使用标签定义表头。默认情况下，表标题是粗体和居中的。一个表的数据/单元使用 标签定义。<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
<...