HTML5
关注
分享
扫一扫
潇雪凌宇
这个作者很懒，什么都没留下…
展开
-
HTML常用布局方式float与display：inlin-block各自的弊端与解决方案
在HTMl页面布局中，float和display：inline-block是我们常用的布局属性，通过这两个属性，可以将块元素（block类型）并排放置，但是这两种方式都有他们的弊端，今天我们来一起学习一下。#作者一如既往的尽量用白话解释，让更多人能够看懂，如果有错误，欢迎批评指正，谢谢！#float使用float属性可以让多个块元素无缝贴合，同时可以控制它们是贴在左边还是右边...原创 2019-07-17 00:26:16 · 2016 阅读 · 2 评论 -
HTML5常用四种盒模型标签介绍与区分
今天我们一起来学习一下HTML5中几种常见的盒模型标签，作者尽量用白话的形式阐述，欢迎批评指正首先，先简单介绍一下盒模型盒模型盒模型由1、外边距（margin）：通常用于盒子的定位，是透明的，可以显示父元素（包裹着这个盒子元素的元素）的背景。 2、边框（border）： 边框是围绕内填充区的一条或多条线，由粗细、样式（直线、虚线、点状线等）、颜...原创 2019-07-15 23:34:12 · 5667 阅读 · 1 评论 -
css选择器简介及优先级
本文作者依旧用大白话来解释css样式单文件后缀名: .css作用：控制网页内容的外观（形象点表述相当于为建好的毛胚房装修）使用：css常见四种基本用法链接外部样式文件（建议使用） 导入外部样式文件（不推荐使用） 使用内部样式文件 使用行内样式文件链接外部样式写法下面就是代表链接到与网页同一目录下的一个css文件夹中名叫 b的css文件<link ...原创 2019-08-03 08:09:39 · 204 阅读 · 0 评论 -
通过JS修改CSS样式
通过JS修改CSS样式有两种方法：修改某一属性的值 修改某一元素的class名，使其被别的样式修饰修改某一属性的值<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title&g...原创 2019-08-03 08:25:19 · 26160 阅读 · 2 评论 -
HTML5——CSS3新增伪类选择器（常用）
结构性伪类选择器:first-child 第一个子节点、:last-child 最后1个子节点、:nth-child(n) 第n个子节点、:nth-last-child(n) 倒数第n个子节点、:only-child 唯一的子节点:nth-child(n)、:nth-last-child(n)还有一些特殊用法，通过括号内的东西来限制选择：1、odd/event:第奇数个...原创 2019-08-03 10:19:40 · 961 阅读 · 0 评论 -
HTML5快捷键设置——有趣的accesskey属性
本文作者来介绍一下HTML网页中快捷键的设置方法：accesskey属性代码如下：<body> 用户名:<input type="text" name="name" accesskey=";"> 密码:<input type="text" name="password" accesskey="p"> <a href="http://www....原创 2019-07-31 07:23:12 · 753 阅读 · 0 评论 -
HTML５——使用户可编辑页面的contentEditable属性与designMode属性
HTML５之新增属性contentEditable、designMode，这两个属性。使用户可以直接编辑网页页面内的内容，非常有趣，大家一起来玩呀！！！contentEditable值：true／false（true代表可编辑，false相反）我们来玩一下<!DOCTYPE html><html><head> <meta http-...原创 2019-07-31 07:59:30 · 812 阅读 · 0 评论 -
HTML５——新增可拖动
这次我们来玩一个好玩的属性，draggable属性，先简单介绍一下draggable属性值：true／false功能：用它修饰的所有标签变为可拖动（原本只有img元素和设置了ｈｒｅｆ属性的ａ标签默认可拖动）接下来我们来玩一下<!DOCTYPE html><html><head> <meta charset="utf-8">...原创 2019-07-31 10:05:53 · 1051 阅读 · 1 评论 -
JS——变量提升与函数提升
今天我们来学习一下JS特殊的变量提升属性与函数提升属性变量提升先举一个例子吧，我在定义变量a之前调用它，控制台没有报错，但是弹框显示undefined。<script type="text/javascript"> alert(a); var a=1;</script>以上情况出现的原因是JS的变量提升机制，将变量定义提升到了所在块最开始的地方...原创 2019-09-20 17:14:10 · 179 阅读 · 0 评论