一不小心使用错了标签但是又不想删除怎么办
显示模式的存在给写代码的人员带来的好处,比如换行的显示,就用占用一行的标签就行,但是,如果把标签选错了,该怎么?
当然可以选择删除重新,但是当写了很多并且关联好了就不方便删除重新,这时候就需要“元素显示模式转换”
1-1目的
改变元素默认的显示特点,让元素复合布局要求
1-2
1-3转换测试
首先写个类选择,限定好行内、行内块、行内元素;
然后,测试给div标签赋予不同的属性看如何显示;
1-4 其他标签的测试显示;
测试标签分别是:span,b,strong,i,em.s,del,u,ins,small,big,sub,sup,
1-4-1先试下“块“代码如下图
浏览器显示如下,
1-4-2 再试下”行内块“代码如下图
浏览器显示如下:
1-4-3 最后试下”行内元素“代码如下图
浏览器显示如下:
总结,测试的标签中span,b,strong,i,em.s,del,u,ins,small,big,sub,sup,都可以转换,并且显示正确,但是,在浏览器显示中有些稍稍有些不同;
1-在转换成块元素时,上下没有间距,所有测试标签都没有;
2-在转成行内块时所有测试标签都有左右间距,
部分标签没有上下间距,如:span,div,b,d;
部分标签有上下间距,如:u,ins,small,sub,sup;
间距较大的标签有:small和sub;
3-转成行内元素时,既有左右,又有上下间距。
具体间距是不是每个测试的标签都有,需要下次在测测。
(仅为个人自学的一点点思考,如有错漏,欢迎留言指正)