html5-样式表的使用-初步

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>样式表的使用</title>
    <link rel="stylesheet" type="text/css" href="1.css">
    <style type="text/css">
h3,p,div{color: blue}
    </style>
</head>
<body>
<h3>标题</h3>
<p>只是正文</p>
<div style="color: red">div里面的内容</div>
<div>哈哈哈哈哈哈哈</div>
行内,内部,外部样式
距离越近,越起作用
</body>
</html>

时间: 2024-10-21 15:51:33

html5-样式表的使用-初步的相关文章

解决错误:“废弃 document 元素之后的内容”——HTML5新特性,局部样式表

最近正在学习angularjs,不过本文和angularjs没多大关系.在学习使用route和ng-view使用模版之后,发现view装载之后,firefox都会报个错误“废弃 document 元素之后的内容”,虽然页面正常运行,不过总是看着别扭:(. 仔细查看后,发现报错之处指向了样式表标签style的结束处,这才反应过来:原来是完整html页面,样式表在head标签之中没有问题,可是现在这些各个view模版自己使用的一些样式就直接写到了模版中,因此不在整个页面的Head之中,html协议是

从零开始学_JavaScript_系列(27)——myblog的优化【1】样式表分离、localStorage

myblog的建立参照: http://blog.csdn.net/qq20004604/article/details/52019904 本来打算今天写的轮播图,不过突然看到localStorage,一时兴起先搞这个了.下次再写轮播图吧 [1]全局样式和独立样式的分离 我将样式表分割为全局表和独立表: l 在全局的样式里,是一些通用的样式,他们的特点是复用率高,例如设置隐藏效果的.displayNONE,他只有一条属性那就是display:none;加载全局样式时,样式表在head部分. l 

css002 创建样式和样式表

创建样式和样式表 一个样式表包含多个样式 样式表的种类 1.内部样式表,存放在<head></head>之间.如: <head> <style>   (该标签是html的标签,不是css的) h1{color: red} </style> </head> 2.外部样式表 Html5 <link rel=”stylesheet” href=”style.css”> Html4.01 <link rel=”stylesh

样式表笔记

叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言.相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排 版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设 计语言.CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的

HTML5样式和列表、CSS链接的四种状态

一.HTML5样式 1.标签: <style>:样式定义: <link>:资源引用: 2.属性: type="text/css":引入文档类型: rel="stylesheet":外部样式表: 3.三种样式表插入方法: (1)外部样式表: 在<head></head>中写入: <link  rel="stylesheet"  type="text/css"  href=&q

精美的HTML5/CSS3表单 带小图标

今天我们要来分享一款非常精美的HTML5/CSS3表单,准备地说,这是一款经过美化的input输入表单,每一个输入表单都可以定义其两侧的小图标,非常华丽.另外,这款表单应用还采用了3种不同的风格主题,你可以在演示页的菜单栏中选择一种样式.需要高版本的浏览器才能支持. 你也可以在这里在线演示 下面我们来简单分析一下这款表单的源代码,源代码由HTML代码.CSS代码及Javascript代码组成.一共3组样式,我们只对其中一组作解说. HTML代码: <ul data-for="prefix&

针对不同的屏幕加载样式表

<link href="extra-small.css" rel="stylesheet" media="screen and (max-width: 390px)" /> <link href="small.css" rel="stylesheet" media="screen and (min-width: 391px) and (max-width: 500px)"

HTML5元素表

HTML5元素表 文本元素 超链接 页面目标 <a href ="目标">内容 </a> 链接的目标(路径)可以是相对地址也可以是绝对地址. emment插件 CTRL+D 复制光标所在行的内容 锚点 当前页面的跳转 格式: 1.ID属性的元素 2.a中href的值是 (# + 1的属性值) 功能 a元素书写格式: <a target="页面打开位置" href="目标">内容 </a> 页面打开位

简单了解css3样式表写法和优先级

css3和css有什么区别?首先css33是css(层叠样式表)技术的升级版本,而css是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.然后是内容上css3主要包括盒子模型.列表模块.超链接方式.语言模块.背景和边框.文字特效.多栏布局等模块.而css不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化.最后在特点上css3新特征有很多,例如圆角效果.图形化边界.块阴影与文字阴影.使用RGBA实现透明效果.渐

css样式表

样式表主要分为三类:内联式.内嵌式和外部样式表. 内联式样式表是跟html联合显示,写在body标签里边,属于控制精确,但是可用性差.在三种样式中会优先显示作用. 内嵌式是作为独立区域写在head标签里边.body标签中有对应的标签:<div id/name/class="  "></div>. 外部样式表是新建一个css文件,用来放样式表,在html中用link链接. <link type="text/css" rel="s