Day01

2017-07-07 本文已影响0人 XIZIYUYUE

A:学的内容

1.什么是HTML和CSS

html是用来写网页的结构，css是用来修饰html

2.常用的html标签

(1)结构标签：
头部标签<head> </head>
内容标签<body> </body>
样式标签<style> </style>
<>开始标签
</>结束标签
(2)标题标签：<h1>，<h2>，<h3>，<h4>，<h5>，<h6>

(3)图像标签：
(4)列表标签：
无序列表：
<ul>
<li> </li>
</ul>
定义列表：
<dl>

<dt> <dt>
<dd> <dd>
</dl>
(5)盒子标签：<div> </div>
(6)超链接标签：<a> </a>
(7)段落文本标签：<p> </p>
(8)文本框标签：<input type="text"/>
(9)按钮标签：<button> <button>

3.CSS样式

       背景颜色background-color
       字体大小 font-size
       高度 height: 50
       行高 line-height
       字体颜色color
      文本对齐 ： text-align: center/right/left
      外边距margin;
       内边距：padding

4.选择器

id选择器
class选择器
元素选择器

5.盒子模型

margin:外边距
margin-left,margin-right,margin-top,margin-bottom
order:边框
border-width:边框的宽度
border-style:solid/dotted
border-color:边框的颜色
padding:填充
padding-left,padding-right,padding-top,padding-bottom
width;
margin-right: auto;
margin-left:auto;