琐碎问题"/>
html+css的琐碎问题
总结
-
行内元素、块元素、行内块元素都有什么?特点是什么
块级元素、行内元素和行内块元素如何转换、有何特点
- 块级元素(div,p,h1~h6,ol,ul…)
- 独占一行;
- 宽度、高度、行高及顶部和底部边距都可以设置;
- 元素宽度再不设置的情况下,和它的父元素的宽度一致。
- 行内元素(span,a,em,b,i…)
- 和其他元素都在一行上;
- 元素的宽度、高度及顶部和顶部边距都不能设置。
- 元素的宽度就是它所包含的文字或图片的宽度,不可修改。
- 行内块元素(img,input,td)
- 和其他元素都在一行上
- 元素的宽度、高度、行高及顶部和底部边距都可以设置
- 块级元素(div,p,h1~h6,ol,ul…)
-
几行几列的表格,合并
表格详情在2.2跟2.3
- tr表示行,td表示单元格,th表示表格内的表头单元格
- 合并行rowspan,合并列colspan
-
表单(input)标签类型有什么。
input标签类型有哪些
- 单选radio
- 复选checkbox
- 文本域textarea (不是input标签里的类型,也放这记录了下)
-
选择器都有什么?优先级怎么算,权重怎么算
选择器都有哪些?
优先级跟权重计算
- 交集选择器(标签紧挨着id或者类)
- 并集选择器(,号)
- 兄弟选择器(+号)
- 子元素选择器(>号)
- 后代选择器(空格)等
- 优先级跟权重在上面链接中
-
属性(文字、颜色、宽高、内边距、外边距)
基础单词
内边距详情
文字类的单词
- color:文字颜色
- width:宽
- height:高
- padding:内边距
- margin:外边距
-
背景颜色,背景图,平铺 no-repeat
背景属性
- background-color:背景颜色
- background-repeat:平铺 等
-
盒模型的计算方式,盒子是由哪些组成的?margin、padding几个值都是什么意思
盒模型计算
- margin:10px 20px 30px 40px
- 上外边距10px 右外边距20px 下外边距30px 左外边距40px
- padding:50px 60px 70px 80px
- 上内边距50px 右内边距60px 下内外边距70px 左内边距80px
- margin:10px 20px 30px 40px
-
margin合并,margin塌陷。解释,解决
合并及塌陷问题
- 合并:两个上下垂直的盒子,上盒子设下margin,下盒子设上margin
- 塌陷:父子关系,子盒子设置上margin,子跟父会一起塌陷
- padding
- 父盒子设置边框
- 父盒子overflow:hidden;
-
浮动:浮动影响,为什么清浮动?怎么清浮动
浮动
- 布局的时候,小盒子在标准流,一浮动,父盒子高为0,影响下面盒子布局
- 在浮动元素后面加空标签,加clear: both;
- 给父元素设高
- 给父元素设overflow:hidden
- 伪元素清浮动 before。after
-
定位:有几种模式,参照点是哪里,特性
定位
- 绝对:距离他最近的有定位的父元素
- 相对:相对他自身原来的位置
- 固定:页面、浏览器
-
display都有什么值
- none inline block inline-block
-
a:link点击前 a:visit点击后 a:hover点击时 a:active选定链接
a标签伪类选择器
-
css3都有什么属性 box-shadow border-radius transition,transform text-shadow
CSS3新增属性
-
下拉菜单:select option
下拉菜单标签
更多推荐
html+css的琐碎问题
发布评论