HTML5&&CSS基础介绍

HTML5&&CSS

标签分类：

第一种：单双标签
双标签:<标签></标签>
单标签:<标签>或<标签 />
第二种：行内标签和快级标签
行内标签：和其他标签并排排列 span b u i a
行内标签设置宽高无效，上下外边距无效，左右有效
上下内边距有效，不占位。左右有效且占位
块级标签：独占一行ul li h1-h6 p div
行内块：在一行排列，设置宽高有效 img input td tr table
标准流：行内标签水平，块级标签垂直。
做网站的时候，首先需要考虑的是标准流。再次是浮动。
浮动以后，脱离标准流，变成行内块
常用标签：
div ：盒子模型：指的就是标签的占位 width height border margin padding；
width宽度
height高度
width和height指的是内容的宽度和高度
border margin padding都可以只设置一个方向
border-top/left/right/bottom
border边框 第一个值代表线的粗细 第二个值代表线的类型solid实 线 dashed虚线 dotted点线 第三个值代表的是线的颜色
margin外边距 四个方向
padding内边距 边框和内容的留白 增加内边距，标签的占位增加
img:img引入图片 src放置图片地址 alt图片不能正常显示的时候，提示文字 title鼠标移入提示文字
a : 页面跳转超链接a href放置的是跳转的页面地址 target="_blank"加此属性，在新页面打开。不加默认在当前页面打开
ul li:
ul li结构类似的布局 无序
ul的子级(第一级包裹的)只能是li
li的父级(第一级包裹该标签的)只能是ul
ol li:ol实现有序列表

CSS书写样式

第一种：内联
css放置在head内部
第二种：外链 不需要加s