html与css总结

本文介绍了HTML和CSS的基础知识。HTML用于创建网页内容,如标题、段落和图像,而CSS负责设定这些内容的样式,包括布局、颜色、大小等。CSS的盒子模型解释了元素的边距、内边距和内容区域。此外,还提到了position属性的几种定位类型:static、relative、fixed和absolute。
摘要由CSDN通过智能技术生成

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:绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于根元素。

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值