第1856页-html教程_html入门教程_html基础教程-php中文网

当前位置：首页 > 技术文章 > web前端 > html教程

方向：: 全部 web3.0 后端开发 web前端数据库运维开发工具 php框架博客常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

分类：: js教程 html教程 css教程

CSS实现遮罩mask功能

前面的话　　CSS遮罩是2008年4月由苹果公司添加到webkit引擎中的。遮罩提供一种基于像素级别的，可以控制元素透明度的能力，类似于png24位或png32位中的alpha透明通道的效果。本文将详细介绍CSS遮罩mask概述　　遮罩mask的功能就是使用透明的图片或渐变遮罩元素的背景。于是，遮罩mask与背景background非常类似，除了没有color子属性，背景background

html教程 . web前端 5654 2018-05-17 14:29:34
CSS命名规则

前面的话　　每次写HTML结构涉及到CSS命名时，都要挣扎一番。关于CSS命名的规范，市面上有不少，如OOCSS、SMACSS、BEM和MVCSS等。在这里面最火的应该算BEM了。本文将详细介绍CSS命名主流命名【BEM】　　说起CSS命名，当然要提到BEM。BEM的意思就是B模块(block)、E元素(element)、M修饰符(modifier)。模块和子元素之间用两个下

html教程 . web前端 3125 2017-07-18 17:49:25
全新知识：CSS变量-variable

前面的话　　一直以来，CSS中是没有变量而言的，要使用 CSS 变量，只能借助 SASS 或者 LESS 这类预编译器。新的草案发布之后，直接在 CSS 中定义和使用变量不再是幻想了。本文将详细介绍CSS变量variable 基本用法　　CSS 变量是由CSS作者定义的实体，其中包含要在整个文档中重复使用的特定值。使用自定义属性来设置变量名，并使用特定的 var()&

html教程 . web前端 2644 2017-07-19 09:53:02
比较css3中transition和animation的区别与联系

** 做了很久的项目了，transition和animation两个css3属性经常被用到实际项目当中，想想把它整理出来。如下： 1：先介绍transition：a，在做项目中经常会遇见这样的情景，比如一个按钮，当鼠标移入进去的时候改变按钮背景颜色以及字体颜色，此时我们一般会这么做：.btn{width: 80px;height: 25px;border: 1px solid

html教程 . web前端 2394 2017-07-19 09:58:41
静态轮播图

1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <title></title&

html教程 . web前端 2268 2017-07-14 18:10:03
CSS border属性深度讲解

1、border-width　　border-width为何不支持百分比：语义和使用场景决定的，现实中各种边框本身的概念就不存在百分比的使用方法。　　border-width支持关键字：thin、medium（默认）、thick，其大小分别是1px、3px、5px（IE7除外）。　　border-width默认值为何是medium（3px）：因为border-style为double的情况下

html教程 . web前端 2688 2017-07-19 16:39:21
viewport在移动设备上的兼容性介绍

前段时间用微信开发者工具重构一个菜单项目的时候发现iphoneSE显示不全以及布局错乱的问题，找到了一个简单粗暴的解决方法。移动设备上的viewport分为layout viewport 、 visual viewport 和 ideal viewport 三类，其中的ideal view

html教程 . web前端 2281 2017-07-26 17:16:24
多种多样的loading动画分享

CSS3-loading加载动画在线示例demo：http://liyunpei.xyz/loading.html之前发了四篇，二十二个效果，今天再分享六个效果，总计二十八个效果。二十三、效果二十三两个正方形，初始均定位至左上（top：0；left：0；）；一次完整运动分为四个阶段：第一个阶段，左上移动至右上，旋转90°，宽高缩小；第二个阶段，右上移动至右下，旋转

html教程 . web前端 1865 2017-07-26 17:40:30
git bash上传代码到github

今天，老爷机notebook开始卡了，我决定格盘重装系统。顺便复习一下git本地命令的使用1，配置2先跳过一般的操作。介绍链接github远程库的操作我的两个钥匙在C:\Users\bond\.ssh文件夹下，打开id_rsa.pub复制里面所有内容，上github的ssh钥匙设置页面add key就可以了。两点是要了解的：第一点，github需要ssh key

html教程 . web前端 2237 2017-07-14 18:09:47
CSS入门级讲解

一.概述层叠样式表;可以对HTML的元素,进行控制,使HTML的元素展现的效果和位置更好;二.基本语法css规则由两个部分构成:选择器和语句语句规则:1.css选择器的名称区分大小写;属性名和属性值区分大小写;2.每条语句的结尾都要使用;,最后一行可以省略;3.注释格式:/**/4.css在html中写的代码需要使用style标签包裹起来;5.如果单独写一个css文件,则不需要使

html教程 . web前端 1621 2017-07-19 16:28:40
不同浏览器兼容性问题详解

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。

html教程 . web前端 2051 2017-07-26 18:01:33
关于网页导航栏制作的几种方法与常见问题解决（新人向）

　　无序列表是html页面排版经常用到的非常实用的标签，但是新手在使用无序列表时，经常会在横向排版上出现问题，笔者在这里提供了笔者在使用无序列表制作网页导航栏时的几种方法与常见问题的解决问题。（以css内部样式为例）[注：有同学之前问过我怎么制作一张网页，但只会html，本文用到均为css。故说明：若急需制作导航，无css技术基础的，在<head>标签中加<style rel=

html教程 . web前端 2921 2017-07-14 18:09:29
HTML相关规范学习

前面的话　　HTML是描述网页结构的超文本标记语言，HTML规范能够使HTML代码风格保持一致，使得HTML更容易理解和维护。本文将详细介绍HTML规范整体结构【页面头部】　　1、文件应以“<!DOCTYPE ......>”首行顶格开始，推荐使用“<!DOCTYPE html>”<!DOCTY

html教程 . web前端 1471 2017-07-19 16:43:57
3种上传图片的方法实例

在常见的用户注册页面，需要用户在本地选择一张图片作为头像，并同时预览。常见的思路有两种：一是将图片上传至服务器的临时文件夹中，并返回该图片的url，然后渲染在html页面；另一种思路是，直接在本地内存中预览图片，用户确认提交后再上传至服务器保存。这两种方法各有利弊，方法一很明显，浪费流量和服务器资源；方法二则加重了浏览器的负担，并且对浏览器的兼容性要求更高（在某些低版本中的IE浏览器不支持）。

html教程 . web前端 6719 2017-07-26 18:04:07
网易游戏录像下载实例代码

最近在访问网易大话西游2的录像专区时，发现页面还是很早之前的板式，网易的编辑并没有打算重新美化的打算，不由得内心一寒，结合之前好几个回合制游戏的倒闭，让很多人回顾都没办法回顾，而且，很多人现在也没有大把时间去玩游戏，更多的时候，也就是看看录像解闷，所以此处贴出自己批量下载这些录像的方法，供大家使用。首先先看看录像下载页面的信息录像页面的地址点击下载的地址直接把下载的地址放入迅雷之中可

html教程 . web前端 2330 2017-07-26 18:05:07