今天面试的时候有道题问到块元素有哪些,内联元素有哪些,有哪些空标签。一时间想起的太少了,所以写下来记录一下,同时加深自己的记忆。 常见的块元素: <div> <h1>~<h6> <p> <ul> <ol> <dl> <li> <table> <address> <blockquote> <form> ...
                            
                            
                                分类:
Web程序   时间:
2017-10-22 00:26:04   
                                阅读次数:
167
                             
                    
                        
                            
                            
                                    闲来无事,回顾总结一些基础知识 通常在页面布局中,需要设定元素的宽高,但由于某些历史原因,不同浏览器对于开发者设定的元素宽高有不同的解析方式 在IE中(也就是怪异模式),块元素的width = content + padding + border;比如设定元素width = 100px,paddin ...
                            
                            
                                分类:
其他好文   时间:
2017-10-20 21:36:20   
                                阅读次数:
225
                             
                    
                        
                            
                            
                                    10.16号笔记块属性元素设置宽高有用;行属性元素则恰恰相反。1.行属性元素转化为块属性元素:display:block; 块属性元素转化为行属性元素:display:inline;2.行内块元素:inline-block3.文本居中:text-align:center4.行高:line-heigh ...
                            
                            
                                分类:
其他好文   时间:
2017-10-17 15:02:14   
                                阅读次数:
116
                             
                    
                        
                            
                            
                                10.16笔记块元素居中:margin:0 auto 文字居中:txet-align:center 块元素:独占一行行内元素:一起一行块元素转换行元素:display:inline行元素转换块元素:display:block行内块元素:display:inline-block border:修饰:c ...
                            
                            
                                分类:
其他好文   时间:
2017-10-16 19:36:27   
                                阅读次数:
95
                             
                    
                        
                            
                            
                                    兼容性问题有哪些? 1、IE6下怪异盒模型 标准盒模型:总宽度=width+padding+border 怪异盒模型:总宽度=width 2、IE6下最小高度问题 IE6下块元素高度小于19px,会被当做19px来处理 解决办法 : 1、overflow:hidden 推荐 2、font-size: ...
                            
                            
                                分类:
Web程序   时间:
2017-10-16 16:45:32   
                                阅读次数:
136
                             
                    
                        
                            
                            
                                CSS代码由一个个规则组成,选择器+声明块。 1、元素选择器 标记名{声明块},eg:p{font-size:18px;} 所有与标记名匹配的元素,都将应用声明块中的规则。 2、类选择器 .类名{声明块} 所有class属性为指定类名的元素,都将应用声明块中的规则。 注意事项:(1)、类名必须以字母 ...
                            
                            
                                分类:
Web程序   时间:
2017-10-14 23:31:08   
                                阅读次数:
243
                             
                    
                        
                            
                            
                                1.div内多个块元素的浮动关系: 假设一个大的div bigBox 中有三个块级盒子 div1 div2 div3 它们的样式为: 由于块级元素会单独占用一行,并且父元素会自动被撑开,可以得到: 现在,先让div2 浮动起来:给div2 加一个浮动 这时,可以看到: div3 跑到了原来div2  ...
                            
                            
                                分类:
其他好文   时间:
2017-10-13 18:02:50   
                                阅读次数:
150
                             
                    
                        
                            
                            
                                    在css中,html的标签元素大概分为三种不同的类型:块状元素、内联元素(行内元素)、内联块元素。 每一个元素都有一个display属性,块级元素默认属性值为block,它们独占一行,可设置宽高。内联元素的display默认值为line, 没有自己的独立空间,是依附于其他块元素而存在的。常见的块状元 ...
                            
                            
                                分类:
Web程序   时间:
2017-10-07 14:54:15   
                                阅读次数:
158
                             
                    
                        
                            
                            
                                父元素加入: display:flex; display:-webkit-flex; align-items:center;justify-content:center; ...
                            
                            
                                分类:
其他好文   时间:
2017-10-06 23:12:30   
                                阅读次数:
176
                             
                    
                        
                            
                            
                                display属性用来在行内元素,块元素,行内块元素之间进行转化。 常用的属性有: 1、none :元素隐藏且不占位置,相当于不存在,一般用在动态展示效果;2、block :元素以块元素显示,有些行内元素需要使其具备块元素的特征,需要转化;3、inline :元素以行内元素显示,块元素有时需要具备行 ...
                            
                            
                                分类:
其他好文   时间:
2017-10-05 21:23:35   
                                阅读次数:
155