两天时间学习html和Css体会

  

博客已经迁移至  萌萌的IT人 ,谢谢支持

--------------------------------------------------

    不得不说,这段时间压力确实有点大。两天的学习,html+Css,搭建出一个静态的网站。先是在W3CSCHOOL上简单看了html的规则,那时候还不是很明白,直到看到网站页面的源代码,慢慢分析,差不多搞清楚了html的几类常用标签。

     首先是<html></html>标签,这个都知道 ,每个页面开始结束标签。<head></head>标签,之中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。一般有<link><title><meta><style>等,我在学习的过程中用得最多的就是这几种。<body></body>标签,之中包含文档的所有内容,像文本、超链接、图像、表格和列表等。<p></p>段落标签,<a href="path"></a>这是一个超链接,<img src="path">图像标签,<hr/>换行标签,<table></table>标签来定义表格:每个行由<tr>、每个单元格由<td>指定。就是以上几个常用标签吧,说到底,html中没有遇到多大的困难,熟练就行了。

     接下来,头疼的Css来了。不得不说,Css真的太强大的,仅仅两天,感觉自己只学会了CSS中的常用用法,距离那种美观漂亮的页面还有点差距。花的时间最长的就是理解<div></div>的含义,最开始看了两个小时的源码,只能看懂里面的html标签,对于那么多<div></div>标签,感觉云里雾里。直我写一个最简单的<div>然后定义它的style。再看源码,有种拨开云雾见青天的感觉,拍拍头脑,一切都是div,一切的一切。接下来就是学习CSS的各种属性去改变我所定义的div。最重要的感觉就是绝对定位了,通过left、top、right、position四个属性值,我可以把我的一个<div></div>放置到我想要的任何位置,简单神器!还有就是float属性,通过设置float,我可以控制我的div的的排列形式。另外比较重要的就是margin和padding,一个外边距,一个内边距,可以设置div的相对位置。学CSS大部分的时间都花在研究各种属性的的效果上面了。

     总结一下这两天,这只是学web的前置基本功,但学的远远还不够,有了剩余时间一定好好研究CSS。明天,希望能基本掌握jsp的内容以及自己能模仿写出两个简单动态页面,为了自己,加油,也不想让明哥失望!

你可能感兴趣的:(html)