要怎么记住html和css中那么多的标签和属性

html-css09

要怎么记住html和css中那么多的标签和属性,第1张

太多了，根本记不住，有些不常用的真的没必要去记，大致知道就行，要用的时候，不知道怎么用，可以翻看手册，或者百度，我的html+css也是自学的，很简单，现在网上有几个专门做这块的网站，进去看文字教程，跟着后面去写，在本地进行测试，多写多练，里面的属性大致觉的差不多了，就写例子，通过实例进行消化，久而久之，就差不多会了，我自己是看的php中文网的教程，然后翻看手册，前端的div+css布局还是很简单的，当你做几个实例之后，就感觉差不多了一些页面，都能完成！

属性有很多吧，常用的，background font color height width margin padding border 好像基本上都要用到，太多了。这些属性不一定要让你全记住，但是在你需要的时候，会查手册，就可以了，再说，当你编写的代码多了，就会知道哪些比较常用。

如果不采用float，不妨考虑Flex布局

这几种布局都可以简单实现，换行的话也是一行代码即可，如下图

以下是一个简单的flex布局：

<!--思路：让原本每个子div都占据一行的变成五个一共占一行，在不使用float的情况下，使用flex去实现-->

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<style>

    .content{ display:-webkit-flex display:flex}   /*Flex布局*/

    /*注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。*/

</style>

<body>

<!--设置若干个div，content下的div在flex 的作用下，都会往左浮动-->

<div class="content">  <!--设置类名-->

    <div>1</div><!--设置5个div-->

    <div>2</div>

    <div>3</div>

    <div>4</div>

    <div>5</div>

</div>

</body>

</html>