<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>块元素</title>

    <link rel="stylesheet" type="text/css" href="mycss.css">

    <!-- rel="stylesheet" type="text/css" href="mycss.css":指向外部样式表，类型，路径-->

    <style type="text/css">

        span{

            color: aqua;

        }

    </style>

    <!-- <span>:是一个文本容器-->

</head>

<body>

    <!-- 块-->

    <p>大家好！</p>

    <h1>块元素，以新行开始。</h1>

    <b>这是一个加重的标签</b>

    <a>内链标签</a>

    <div id="divid">

        <p>Hello jikexueyuan</p>

        <a>this is web page</a>

    </div>

    <div>

        <p><span>这是一个span的测试效果</span>标签外效果</p>

    </div>

</body>

</html>




CSS代码：mycss.css




#divid p{

    color:blueviolet ;

}






 


												


											
HTML5-块元素标签的使用的更多相关文章
	

    
						
  1. p标签内不能含有块元素。
		
    原来一直听网上这样说.自己并没有实际遇到过.上例子. <!DOCTYPE html> <html> <head> <meta charset="ut ...
    
		
    2. 
						
  2. 转html5语义化标签总结一
		
    HTML 5的革新之一:语义化标签一节元素标签. 在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义.(即使我们用css样式的id和class形容这块内容的意义).这些标 ...
    
		
    3. 
						
  3. HTML 5的革新之一：语义化标签一节元素标签。
		
    摘至于:<HTML 5的革新——语义化标签(一)> HTML 5的革新之一:语义化标签一节元素标签. 在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义.(即 ...
    
		
    4. 
						
  4. HTML5部分新标签属性及DOM扩展元素
		
    HTML5定义了一系列新元素,如新语义标签.智能表单.多媒体标签等. 我们日常讨论的H5其实是一个泛称,它指的是由HTML5 + CSS3 + Javascript等技术组合而成的一个应用开发平台.  ...
    
		
    5. 
						
  5. Html：行级元素和块级元素标签列表
		
    块级元素 div p h1-h6 form ul ol dl dt dd li table tr td th hr blockquote address table menu pre HTML5: h ...
    
		
    6. 
						
  6. HTML中为何p标签内不可包含div标签?那哪些块元素里面不能放哪些块元素呢？
		
    先看下面的例子你就能明白两者的差别: <p>测试一下块元素与<span>内联元素</span>的差别</p> <p>测试一下<div& ...
    
		
    7. 
						
  7. [HTML5]块和内联元素的嵌套
		
    块元素可以包含块或内联元素,但是内联元素只能包含其他内联元素. <!-- 无效代码! :-( --> <strong> <p>你不应该把p元素放在 "st ...
    
		
    8. 
						
  8. HTML中为何P标签内不可包含块元素？
		
    起因:在做项目时发现原本在DW中无误的代码到了MyEclipse6.0里面却提示N多错误,甚是诧异.于是究其原因,发现块级元素P内是不能嵌套DIV的. 深究:我们先来认识in-line内联元素和blo ...
    
		
    9. 
						
  9. p标签里面不要放div标签（块元素）
		
    最好不要在p标签里面嵌套块级元素(如div Ul): <p>我来测试下<div>块元素</div>放在p标签的情况</p> <p>我来测试下 ...
    
		
    10. 
						
  10. CSS.02 -- 样式表 及标签分类（块、行、行内块元素）、CSS三大特性、背景属性
		
    样式表书写位置  内嵌式写法 <head> <style type="text/css"> 样式表写法 </style> </head&g ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. iOS.DistributionApp.0-build-adhoc-distribution-for-tester
			
    Build adhoc distribution for tester 1. 提供App测试包 1.1 提供测试包的步骤 Ref[8] A: 注册所有的测试设备 B: 将App进行归档 C: 用ad  ...
    
			
    2. 
						
  2. OPENWRT开始SFTP支持办法
			
    root@OpenWrt:~# opkg update root@OpenWrt:~# opkg install vsftpd openssh-sftp-server root@OpenWrt:~#  ...
    
			
    3. 
						
  3. 简单一键CENTOS6 安装PPTP VPN方法记录
			
    申明:我们使用PPTP VPN仅仅只能用在查阅资料等正规渠道,不要用在不良用途上.方法收集于网上,这里我用在搬瓦工VPS(VPS方案直达),采用的是CENTOS6 64位系统.我们需要预先将VPS服务 ...
    
			
    4. 
						
  4. 如何搭建一个WAMP环境
			
    最近的一些比赛需要用到PHP,所以急需配置一个PHP的环境,所以分享出来我的经历  一.使用wampserver 这是一个集成软件包,可以一键配置Apache+Mysql+PHP,还具有简单的图形界面 ...
    
			
    5. 
						
  5. SQLite in Windows Store Apps
			
    Using SQLite in Windows Store Apps : https://channel9.msdn.com/Shows/Visual-Studio-Toolbox/Using-SQL ...
    
			
    6. 
						
  6. cnavas
			
    1.创建一个画布eg:<cnavas width=100px;height=100px; style="border:1px solid rgba(242 ,54,33,0.1)&qu ...
    
			
    7. 
						
  7. 【转】Beanstalkd 队列简易使用
			
    Beanstalkd一个高性能分布式内存队列系统   之前在微博上调查过大家正在使用的分布式内存队列系统,反馈有Memcacheq,Fqueue, RabbitMQ, Beanstalkd以及link ...
    
			
    8. 
						
  8. ubuntu安装goldendict以及添加本地词典和在线词典
			
    软件在ubuntu软件中心安装就可以了, 关于网络词典, 推荐有道在线词典,网址http://dict.youdao.com/search?q=%GDWORD%&ue=utf8 添加方法:编辑 ...
    
			
    9. 
						
  9. 小试牛刀--利用豆瓣API爬取豆瓣电影top250
			
    最近得赶进度爬点东西,对于豆瓣,它为开发者提供了API,目前是v2版本,目前key不对个人开放,但是可以正常通过其提供的API获取数据.豆瓣V2版API权限分3类:公开.高级.商务,我们用开放基本数据 ...
    
			
    10. 
						
  10. Java程序员从笨鸟到菜鸟之（一百零一）sql注入攻击详解（二）sql注入过程详解
			
    在上篇博客中我们分析了sql注入的原理,今天我们就来看一下sql注入的整体过程,也就是说如何进行sql注入,由于本人数据库和网络方面知识有限,此文章是对网上大量同类文章的分析与总结,其中有不少直接引用 ...
    
			
    11.