一网打尽h5与css3,学习经验心得

这篇博客介绍了HTML5与HTML的相似性,指出HTML5主要新增了一些特性及标签。作者强调,对于熟悉HTML的人来说,掌握HTML5并不困难。同时,文章也提及了CSS3,但未深入展开。
摘要由CSDN通过智能技术生成

      html5与html其实并没有太大的区别,大部分都是一样的,只是html5中推出了一些新特性,一些新标签而已.学过或者了解过html的童鞋对html5上手是很快的,并不难.现在我们简单的玩一玩,讲一讲html5,css3到底是个什么东西.     

        说h5到底是什么,比如说:我们要做菜(html5页面),首先我们要买菜对吧.^o^.超市里会有很多标签牌写着白菜大葱黄瓜(标签),把菜选好才能做菜,才能吃啊!然而html页面就是一桌菜,区别的就是看这桌菜是"干豆腐卷大葱"还是"满汉全席"了.偷笑功能多的(菜样多的)好看的(色香味俱全的)自然是好的页面(满汉全席)了.就算我们短时间内变不成厨师长级别的,但是家常菜还是可以做的嘛.慢慢来!奋斗
        说了这么多,html5(以下统称html)就是由一个一个的标签组成,实现标签自己的功能从而让整个页面达到想要的效果.比如:鸡蛋炒柿子羡慕柿子和鸡蛋就标签.那css是什么呢,就是(样式)你的刀工,你放的调料,你是切成块还是切片还是切花,放点酱油就黑了.css就是用来调节样式的.样式做的炫酷也是很厉害的!
        好了简单介绍过后我们来说html页面怎么写:
        我用的开发软件是Hbuilder.一个html页面像一个人一样 : 有头,有身子.我们的html标签主要是脏器,写在body中,css主要是性格样貌外在,写在head中(称为头部引入).当然了css也可以用(外部引入):即在创建的web项目中的css文件夹中添加XXX.CSS文件,在文件中写样式,写法和头部引入的写法相同.
         css的引入方式有4种:1.外部引入(浏览器压力大)
                   (各有利弊)       2.头部引入(乱)
      3.标签内引入(优先级不是最高的)
                                           4.@import(优先级非常高,不常用)
         html标签
          <html>
                <head>
            < style type = "text/css" >
/*此处写css样式*/
.div1{
/*css选择器中的一种:类选择器*/
color:red;
/*输出的文字为红色*/
}

</style>

          
  </head>
<body>
<div class="div1" >我是一个块标签</div>
/*class是类,类名是div1*/
</body>
</html>
           
 标签:
行标签:(可以共用一行)strong,em,img,a,b,i,u,s,input,span
块标签:(独占一行)h1-h6,p,div,hr,ul,ol,li,dt,dd,dl


     标签嵌套规则
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值