用outline绘制轮廓线(IE不支持)

给选中的单选框绘制轮廓线
性别:
点进来就会绘制一条红色轮廓线

用outline-offset: 2px;使轮廓线向外扩张2像素

给选中的单选框绘制轮廓线
性别:
点进来就会绘制一条红色轮廓线

给radio廓线向内收缩3像素,输入框向内收缩5像素

给选中的单选框绘制轮廓线
性别:
点进来就会绘制一条红色轮廓线

通过拖动边框改变元素大小,谷歌只能拉伸,火狐可缩放,ie不支持

可水平拖动
可竖直拖动
水平和竖直都能拖动
不能拖动

通过initial取消给元素设置的样式


通过initial取消给元素设置的样式,对于h1这样浏览器指定默认样式的影响

这是默认h1标题

指定h1大小为2rem

然后取消h1的字号大小和font-weight样式

由此看来,initial取消样式会让h1重置到css的默认值上,而不考虑浏览器给h1指定的样式