1.行内元素和块级元素
1. 行内元素特点?
- 元素排列在一行
- 只能包含文本或其他内联元素
- 宽高就是内容的宽高,设置宽高无效
- 行内元素水平方向的margin和padding如margin-left、padding-right可以产生边距效果,但是竖直方向的如padding-top和margin-bottom不会产生边距效果。
- 常见的行内元素:a,abbr缩写,b,br,cite,code,em,font,i,img,input,label,q(短引用),s(中划线),span,strike(中划线),strong,sub(下标),sup(上标),textarea,u(下划线)
2. 块级元素
- 元素单独占一行
- 可以包含内联元素和其他块元素
- 可以设置宽高,未设置宽度是,默认宽度是容器宽度的100%
- 常见的块级元素:address(地址),blockquote(块引用),center(居中对齐块),dir(目录列表),div,dl(定义列表),from,h1-h6,hr(水平分割线),menu(菜单列表),noscript(可选脚本内容,对于不支持script的浏览器显示此内容),ol(有序列表),ul(屈戌列表),p(段落),pre(格式化文本),table(表格)
常见空元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
<img> <input> <link> <meta>
<area> <base> <col> <command> <embed> <keygen> <param> <source> <track> <wbr>
主流浏览器内核私有属性css前缀
- mozilla内核(firefox,flock等):moz
- webkit内核(safari,chrome等):webkit
- opera内核(opera浏览器):o
- trident内核(IE浏览器):-ms
src 和 href
-src 是引入,是页面必不可少的一部分,在img,script,iframe等元素上。
-href 是引用,是与改页面有关联,在link,a标签上使用。
css只在当前组件起作用
答:在style标签中写入scoped即可 例如:<style scoped></style>