html,css题

本文介绍了前端开发中的多种实用技巧,包括localStorage的写入与读取方法、不同字体单位的特点及应用、HTML表单中disabled与readonly的区别、CSS的overflow属性用法、盒子模型的理解以及table布局的调整技巧。

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

localStorage 数据

写入字段有三种方式:

  • localStorage[“a”]=1;
  • localStorage.b=1;
  • localStorage.setItem(“c”,3);

读取字段也有三种方式:

  • var a= localStorage.a;
  • var b= localStorage[“b”];
  • var c= localStorage.getItem(“c”);

字体单位

px

相对长度单位。像素px是相对于显示器屏幕分辨率而言的
特点
1. IE无法调整那些使用px作为单位的字体大小;
2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;
3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。

em

em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
特点
1. em的值并不是固定的;
2. em会继承父级元素的字体大小。
过程:
1. body选择器中声明Font-size=62.5%;
2. 将你的原来的px数值除以10,然后换上em作为单位;
3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。

rem

相对的只是HTML根元素.除了IE8及更早版本外,所有浏览器均已支持rem。

disabled和readonly异同

区别: readonly是只读的意思,disabled是禁止的意思。readonly的时候只能看不能修改,disabled的时候表示这个input项不能做任何操作。
相同: 可以通过dom修改表单内容

overflow

如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制

编码

  1. GBK通常指GB2312编码 只支持简体中文字
  2. utf通常指UTF-8,支持简体中文字、繁体中文字、英文、日文、韩文等语言(支持文字更广)

vertical-align

vertical-align 属性设置元素的垂直对齐方式

盒子模型

标准盒子模型
ie盒子模型

块级和内联标签

块级和内联标签
input和img可设置宽高
内联元素可设置padding-left,padding-right,border不可设置padding-top,padding-bottom

cellpadding和cellspacing

cellpadding
cellspacing

table

给td设置vertical-align:top就可以不居中或者valign属性设为top
border-collapse:collapse

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值