html简介:HTML是语言标签(HyperText Markup Language)的缩写。我们用 HTML 来制作 Web 页面的超即页面。
css:CSS是级联样式表(Cascading Style Sheets)的缩写。HTML 用于撰写页面的内容,而 CSS 将决定这些内容该如何在屏幕上呈现。
网页的内容是由 HTML的元素构建的,这些元素如何呈现,涉及许多方面,如整个页面的布局,元素的位置、距离、颜色、大小、是否显示、是否浮动、透明度等等。
html标签:
标题标签 <h1>~<h6>
段落和换行标签 <p>…</p>、<br/>
水平线标签 <hr/>
斜体 <em>…</em>
字体加粗 <strong>…</strong>
图像标签 常见格式:jpg、gif、bmp、png
<img src="图片路径" alt="替换文本" width="宽度" height="高度" title="鼠标悬停"/>
css盒子模型:
所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。
下面的图片说明了盒子模型(Box Model):
position 属性指定了元素的定位类型。position 属性的五个值:
static:HTML 元素的默认值,即没有定位,遵循正常的文档流对象。
relative:元素的位置相对于浏览器窗口是固定位置。
fixed:相对定位元素的定位是相对其正常位置。
absolute:绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于根元素。