前端菜鸟HTML初学分享
初学了HTML标签,想着利用自己的博客来做一些笔记,来加深·一下自己的基础,巩固自己学过的一些内容,学习了一些关于HTML标签的东西,我总结了一些内容,如果有错,欢迎来提意见
众所周知,HTML标签类型分为三种 块元素(block) 行元素(inline) 行内块元素(inline-block)
-
块元素的特性就是自身独占一整块区域,不留一点缝隙,自身比较霸道,我要占那么宽就占那么宽,谁也不能跟我抢,自身可设置宽高
-
行元素的特性就是自身有多少内容就占多少位置,多一分我也不要,当然一分也不能少我的,自身也没多大理想,所以不能设置宽高
-
行内块元素就比较特殊了,里含有块元素的特性还拥有行元素的特性,跟着兄弟在一行合租,依然还可以设置宽和高,有自己的一席之地
标签之间的元素特性是可以相互转换的,通过CSS样式display属性就可以互相转化了
说到css样式就要扯到css样式优先级的问题
行内设置样式(优先级最高)id选择器 类选择器 标签选择器(优先级最低)
在今天做网页时,用到图片容器标签img,遇到了大家都会遇到的一个问题就是img标签自带一个小小的外边距,搜索了一下,找到了几种解决方法 -
将img标签display:block
-
设置float:left
-
vertical-align: top;
小白分享有限
不喜勿喷
谢谢