HTML5 重要标签以及属性学习

1.一个标签可以有多个,class=“A B C ”

效果:

2.padding的扩展:当padding的值是正的时候,元素显示的大小会变大;当padding的值是负的时候,元素显示的大小会变小

padding-top:向上填充一些

padding-left:向左填充一些

padding-right:向右填充一些

padding-bottom:向下填充一些

3.margin的扩展:当margin的值是正的时候,元素显示的大小会变小;当margin的值是负的时候,元素显示的大小会变大

4.padding和margin也可以这样表示:

分别是:上,右,下,左(top  right  bottom left)

5.body的color不等于background-color:

color是body中的元素颜色,默认是那个color

background-color是body不管其他元素,自己的背景变成那个颜色;

6.class,id以及内嵌的style标签:

①class:同一个标签可以使用多个class

②id的级别比class高,同时作用于一个标签时,以id的描述为标准

③内嵌的style,级别又高于id,同时作用于一个元素时,以内嵌的style 的描述为标准

④但是,当class或者id描述的内容用    !important 标记时,级别又变高

时间: 2024-10-24 23:26:58

HTML5 重要标签以及属性学习的相关文章

HTML5 重要标签及其属性学习

1.google字体:<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"> 效果: 2.CSS3中重要属性: border-style:solid; border-radius:10px:边缘半径 border-radius:50%; 3.<ol>标签: 效果: 4.input的类型: ①

2016.8.14 HTML5重要标签以及属性学习

1.响应网格系统,这使得它很容易把元素放在行,并指定每个元素的相对宽度 . 要注意的是: 在使用网格布局系统之前,要不把布局的元素都添加到同一个<div>中,而且这个<div>必须有一个class,就是class=“row” 2.Bootstrap提供了方便的图标库: 需要引入下列的外部样式表: <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/cs

2016.8.14 HTML5重要标签及其属性学习

1.移动端的CSS: 一般需要引入下面的外部样式表: <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/> Bootstrap,来自 Twitter,是目前很受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷.[1]  它由Twitter的设

2016.8.16 HTML5重要标签及其属性学习

1.运用BootStrap的基本布局: 2.基本布局第二步: ] 3.BootStrap提供了一个class=”well“”类,可以给你种深度的感觉: 4.不是每一个类都是为了CSS,有些类创建出来只是为了,应用jQuery时更加方便

HTML5 Video标签的属性、方法和事件汇总介绍

<video>标签的属性 代码如下: src :视频的属性poster:视频封面,没有播放时显示的图片preload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条width:视频宽度height:视频高度 html 代码 代码如下: <video id="media" src="http://www.jb51.net/test.mp4" controls width="400px" he

html5新增标签和属性

结构性标签:<header>头部</header><nav>导航</nav><section>用于表达书的一章或一部分</section><artical>文章</artical><hgroup>标题组</hgroup><footer>底部</footer><aside>摘要,表达对主体内容的补充</aside><dialog>

HTML5 &lt;a&gt;标签download 属性

一.简单实例 <a href="../images/1.jpg" download="下载图片.jpg"> 点击按钮下载 </a> 二.说明: 定义和用法 download 属性规定被下载的超链接目标. 在 <a> 标签中必须设置 href 属性. 该属性也可以设置一个值来规定下载文件的名称.所允许的值没有限制,浏览器将自动检测正确的文件扩展名并添加到文件 (.img, .pdf, .txt, .html, 等等). 注: 1.h

HTML5新标签和属性

1.<time>标签(支持IE9以上和其他浏览器) 今年是<time datetime="2015-12-12">2015年</time> <script type="text/javascript"> onload=function(){ var time=document.getElementsByTagName("time")[0]; //alert(time.innerHTML); } &l

html5图片标签与属性

标记: 标 记  说 明 <lmg> 图像 <Map> 图像映射 <Area> 图像映射中定义区域 <lmg>标记属性: 属 性  说 明 Src 图像的源文件 Alt 提示文字 Width 宽度 Height 高度 Vspace 垂直间距 Hspace 水平间距 Align 排列 Border  边框 <Area>标记属性: 属 性  说 明 Shape 定义图像映射区域的形状 Href   设置不同区域的链接地址 Alt 设置替代文字 Coo