HTML+CSS基础

前端脚本与后端脚本的区别：能被浏览器所理解

Html      —— 积木库

Css   —— 积木详细样式设计

JavaScript  ——dom（操作控制积木）

Html:

<div></div> 块状容器

<span></span>    行内容器

<table></table>    块状容器

<textarea rows=””, cols=””></textarea>        

<select>

        <option>男</option>

        <option>女</option>

  </select>

Css:三种使用方法

1. 内联： 在标签内设置style="color:red;mso-para-margin-left:0.0000gd;mso-list:l0 level1 lfo1;">
2.  页内： 在head内设置style标签

        <style type = "html/css">

            .mid{

                color: red;

            }

        </style>

　　3.页外：设置a.css文件， link引进文件

　　　　<link herf = “a.css” rel=”stylesheet” />

　　Css文件内使用!important 强制优先

选择器：

.{ } 类选择器 class属性 可以放置多个类 加空格

#{ } id选择器 id属性

td{ } 标签选择器

[class=‘mid’] 属性选择器 ps:加单引号

tr td{ } 子孙选择

tr>td{ } 子选择 td在tr的直系子孙

tr,a{ } 或关系

Ctrl+shift+f 格式化前端css代码

属性: overflow 页面太长时自动加滚动条

Color background-color

Box模型

大小： width height      //200px 50%

位置：left, right, top, bottom   //先设置position

外边距margin：margin-left //会改变位置

内边距 padding: padding-left //会改变自身大小

边框  border：border-left //border:1px #ff0000 solid;

定位方式：position //position:fixed;left:200px;

fixed  : 以body为起始

absolute : 以上一级位置开始

relative : 以原本位置开始，相对布局