随笔分类 - CSS
摘要:布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现;2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意
阅读全文
摘要:定位布局就是为开发提供了更好的布局方式,可以根据需求给相应的模块设定相应位置,从而使界面更佳丰富,代码更佳完美。 position是CSS中非常重要的一个属性,通过position属性,我们可以让元素相对于其正常位置,父元素或者浏览器窗口进行偏移。 position 属性,它有4个不同类型的定位,这
阅读全文
摘要:cursor :一些不同的光标,当设置该属性之后,鼠标指上去会随着属性而改变。 举例: opacity:用于设置元素的透明度,元素的不透明度级别描述了透明度级别,当不透明度为 1 时表示完全不透明,当不透明度为 0.5 时表示半透明,当不透明度为 0 时表示完全透明。 value取值说明:不透明度,
阅读全文
摘要:本博客主要介绍 前端开发中文本过多,以省略号显示。 效果如图: 单行: CSS 多行: CSS
阅读全文
摘要:overflow 属性规定如何处理如何处理不符合元素框的内容。 大多数主流浏览器都支持 overflow 属性。 默认值是:visible visible:内容不会被修剪,会呈现在元素框之外。 hidden:内容会被修剪,并且其余内容是不可见的。 scroll:内容会被修剪,但是浏览器会显示滚动条以
阅读全文
摘要:1、外部样式表当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。 css1.1样式表 2、内部样式表当单个文档需要特殊的样式时,就应该使用内部样式表。你可以使用 <style> 标
阅读全文