H5
H5
WongKyunban
这个作者很懒,什么都没留下…
展开
-
css中子元素设置margin-top会影响到父元素
demo代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>index</title> <style> .content_top{ width: 500p...原创 2019-11-12 00:35:06 · 4050 阅读 · 0 评论 -
CSS实现水平垂直居中的常用方法
在前端开发过程中,盒子居中是常常用到的。居中又可以分为水平居中和垂直居中。我们以下面这个小例子来演示水平居中和垂直居中。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>index</title> <sty...原创 2019-11-11 17:24:47 · 2005 阅读 · 0 评论 -
HTML5之position定位
position 属性规定元素的定位类型,定义建立元素布局所用的定位机制。任何元素都可以定位,绝对定位或固定定位元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。position一般分为三种:绝对定位absolute,固定定位fixed,相对定位relative、静态定位static(默认)1、position:relative 相对定位采用相...原创 2019-04-17 20:23:52 · 2978 阅读 · 0 评论 -
HTML5个人博客首页demo
源码:<!DOCTYPE html><title>Hello</title><style>body{ margin:15px auto; font-family:Arial,sans-serif; width:960px;}p{ margin:0 0 20px 0;}p,li{ line-height:20px;}#...原创 2019-04-17 14:42:51 · 8767 阅读 · 0 评论 -
HTML5结构
1.定义文章块:articlearticle元素用来表示文档、页面中独立的、完整的、可以独自被外部引用的内容。可以是一篇博客、文章、帖子、评论或独立的插件等。一个article元素通常有它自己的标题,一般放在一个header元素里面,有时还有脚注,如文章的著作权,一般放在结尾处footer元素中。当article元素嵌套使用时,内部的article元素内容必须和外部article元素内容相关。...原创 2019-04-17 11:42:27 · 1893 阅读 · 0 评论 -
HTML5日历示例
效果图:源码:<!DOCTYPE html><title>日历</title><style>table{ border-collapse:collapse; border:1px solid #DCDCDC; font:normal 16px/1.5em Arial,Verdana,Lucida,Helvetica,sans-s...原创 2019-04-16 20:05:49 · 8333 阅读 · 1 评论 -
新闻栏目示例
源码:<!DOCTYPE html><title>Hello World</title><style>body{ font-size:13px; font-family:"黑体"; margin:0px; background:url(./bg.jpeg) no-repeat;}h2{ margin:24px 0 0 5px;...原创 2019-04-16 19:24:58 · 2027 阅读 · 0 评论 -
HTML5新增全局属性
所谓全局属性就是指可以对任何元素都使用的属性。1、contentEditable属性:允许用户在线编辑元素中的内容。<!DOCTYPE html><title>Hello World</title><h2>可编辑列表</h2><ul contentEditable="true"> <li>...原创 2019-04-16 18:21:07 · 2279 阅读 · 0 评论 -
HTML5的功能元素
1、hgroup元素 标签用于对网页或区段(section)的标题进行组合。<!DOCTYPE html><title>Hello world</title><hgroup> <h1>标题1</h1> <h2>标题2</h2></hgroup><p>这是内容...原创 2019-04-16 17:46:50 · 1843 阅读 · 0 评论 -
HTML5的结构元素
要原创 2019-04-16 12:39:53 · 4644 阅读 · 0 评论 -
HTML5基本语法
1、语法简化HTML的DOCTYPE、meta、script等标签都被简化了。DOCTYPE(文档类型声明)HTML4要用如下方式,在html文档最前明声明一份DTD文件,该 DTD 包含所有 HTML 元素和属性,检查您是否编写了有效的 HTML / XHTML 文档。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional...原创 2019-04-15 20:16:02 · 3536 阅读 · 0 评论