H5
良之才-小良
这个作者很懒,什么都没留下…
展开
-
类选择器与元素选择器的区别
类选择器:类选择器用于将样式规则与附带class属性的元素匹配,其中该class属性的值为类选择器中指定的值。元素选择器:元素选择器是最常见的 CSS 选择器,即,文档的元素就是最基本的选择器。选择器通常是某个 HTML 元素,比如<p>、<h1>、<em>、<a>等,甚至可以是<html>元素本身。伪类选择器或伪元素选...原创 2019-04-01 11:29:36 · 1880 阅读 · 0 评论 -
HTML行内元素、块状元素、行内块状元素的区别
HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。首先需要说明的是,这三者是可以互相转换的,使用display属性能够将三者任意转换: (1)display:inline;转换为行内元素 (2)display:block;转换为块状元素 -----------------行内元素,需要转换成块:display:block float:** position...原创 2019-04-01 11:40:48 · 92 阅读 · 0 评论 -
伪元素的理解
当定义一个dom元素后,如果需要对其做部分调整,如下图:这是可以添加两个半圆,但这样会使dom元素增加,会影响dom树结构。所以可以采用伪元素实现。伪元素的功能等价于一个dom元素,但不会出现在dom树中。相当于每一个dom元素有一对隐形的子元素::before 和 ::after。之前怎么操作dom元素,就怎么操作子元素。注:必须添加content,哪怕不设置内容,...原创 2019-04-01 12:07:11 · 402 阅读 · 0 评论 -
HTML5 -01- H5表单新增特性
H5主要做什么?主要用来做效果CSS3,做结构H5标签,应用api-定位等js。1.1什么是HTML5<!--html:5 +tab--><!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Docume...原创 2019-07-07 19:04:26 · 209 阅读 · 0 评论 -
【Data URI scheme 格式】src="data:image/png;base64,xxxx
Data URI scheme是在RFC2397中定义的,目的是将一些小的数据,直接嵌入到网页中,从而不用再从外部文件载入。比如上面那串字符,其实是一张小图片,将这些字符复制黏贴到浏览器的地址栏中并转到,就能看到它了。在上面的Data URI中,data表示取得数据的协定名称,image/png 是数据类型名称,base64 是数据的编码方法,逗号后面就是这个image/png文件base64...原创 2019-07-07 21:09:49 · 1797 阅读 · 0 评论 -
HTML5 -02- H5接口
2HTML接口使用2.1网络接口注:addEventListener() 方法用于向指定元素添加事件句柄。提示: 使用 removeEventListener() 方法来移除 addEventListener() 方法添加的事件句柄。例:document.getElementById("myBtn").addEventListener("click", function(){...原创 2019-07-08 15:12:08 · 1329 阅读 · 0 评论 -
HTML5 -03- CSS3-元素相关知识
3 HTML5-CSS3-元素相关知识3.1 属性选择器属性选择器:属性是相对于标签而言。所谓属性选择器就是根据指定名称的属性的值来查找元素 1)E[attribute] 表示存在attr属性即可; div[class] 2)E[attr=val] 表示属性值完全等于val; div[class=mydemo] 3...原创 2019-07-08 22:59:36 · 133 阅读 · 0 评论