Html Css 未掌握的地方回顾复习

本文详细介绍了HTML、CSS和JavaScript的基础知识,包括关键字声明、网页描述、表格标题等内容。此外还讲解了padding和margin的使用方法,以及不同元素的特点,如块级元素和内联元素的区别。特别地,文章深入探讨了定位方式,例如fixed、static、relative和absolute定位,并提供了几种清除浮动的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

keyword标签   关键字声明

description   网页描述

caption     表格标题


HTML   超文本标记语言    结构(内容)

CSS  层叠样式表        样式

JS  JavaScript脚本语言   行为

 


paddingmargin 都一样。

① 四个值都设置: 上  右  下  左

② 三个值设置了: 上  右左  下

③ 两个值设置了: 上下  右左

④ 只设置了一个: 上右下左

块级元素特点:
独自霸占一行,不与其他元素共处 可以设置高度{div、dl、h、hr、ul、li、ol、table、p等}

内联元素特点;
默认和其他元素在同一行
不遵循盒模型特性设置,宽高只和内容有关{a、b、u、font、span 、input、label、textarea、img、select}


position:fixed 固定定位

position:static 静态定位

position;relative 相对定位

position:absolute 绝对定位(子绝父相)


清除浮动的方法

1给父盒子加高度(一般不用,页面上高度由内容决定高度)

给后面的父盒子加上clear:both(浮动清除,但是父盒子的margin失效了:父盒子塌陷了)

3外墙法 给浮动的两个父盒子都加上div (浮动清除,但是父盒子的margin失效了:父盒子塌陷了)

4内墙法(在浮动的父盒子最前面或者最后面加上一个div   有了高度 margin有效但是出现了很多没有用处的div

overflow:hidden(推荐使用,溢出部分隐藏)


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值