CSS常见样式2

text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中

使文本内容内嵌在其父块元素居中对齐。不控制块元素的对齐,只控制其内联内容水平居中。

IE 盒模型和W3C盒模型有什么区别?

IE盒模型:
宽度= border-left + padding-left + content + padding-right+ border-right
高度=border-top + padding-top + content + padding-bottom+border-bottom

IE盒模型

W3C标准盒模型:
宽度=content
高度=content

W3C标准盒模型

{ box-sizing: border-box;}的作用是什么?

指定使用IE盒模型

line-height: 2和line-height: 200%有什么区别?

line-height:2是指行高为本身文字的2倍,不能被子元素继承。
line-height:200%是行高为父元素行高的2倍,可以被子元素继承。

inline-block有什么特性?如何去除缝隙?高度不一样的inline-block元素如何顶端对齐?

可以设置宽高,自己又不独占一行,的但是两个元素之间会有缝隙,解除缝隙的两种方法:
1.两个元素在HTML代码中直接相邻,中间不加空格和换行;
2.在父级设置字体大小为0,本身设置需要的字体大小。
顶端对齐:vertical-align: top

CSS sprite 是什么?

将网页中需要展示的一张图合并为一张大图,使用的时候用backgroud-pisition: x y;定位

让一个元素"看不见"有几种方式?有什么区别?

   opacity: 0;
   /*整体透明度为0*/
   visibility: hidden;
   /*和上一个类似,占用位置*/
   display: none;
   /*消失,不展示*/
   background-color: rgba(0, 0, 0, 0) 
   /*只针对背景色*/
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,693评论 1 92
  • text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中 1、当作用于块级元素时,...
    我要认真学前端阅读 3,865评论 0 1
  • 1.text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中? text-alig...
    草鞋弟阅读 2,338评论 0 0
  • 一,text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中 作用在块级元素上面,...
    DeeJay_Y阅读 1,801评论 0 0
  • 一、text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中 text-align...
    SHININGJACK阅读 1,585评论 0 0

友情链接更多精彩内容