CSS

CSS overflow属性用法简介

大家知道CSSoverflow属性用法吗?下面我们就给大家详细介绍一下吧!我们积累了一些经验,在此拿出来与大家分享下,请大家互相指正。CSSoverflow的属性值:1.visible:默认值,内容不会被修剪,会呈现在元素框之外;2.hidden:内容会被修剪,

CSS伪元素

css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说,伪类和伪元素是用来修饰不在文档树中的部分,比如,一句话中的第一个字母,或是列表中的第一个元素,又或者是鼠标悬停在某个超链接上时要设置的样式。什么是伪元素?伪元素:用于创建一些不在文档树中的元素,并为其添加样式。

超链接标签的CSS伪类

由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类。CSS伪类,是一种特殊的类,它针对到CSS选择器起作用,使选中的标签或元素产生特定的效果。

CSS字体样式(font)

除了好看的背景和颜色外,字体设置也是网页设计中的重要组成部分,合适的字体不仅会使页面更加美观,也可以提升用户体验。CSS中提供了一系列用于设置文本字体样式的属性,比如更改字体,控制字体大小和粗细等等。属性描述font-family设置字体font-style设置字体的风格,

CSS弹性布局/弹性盒子(flex布局)

flex是flexiblebox的缩写,译为“弹性布局”,用来为盒模型提供最大的灵活性,任何一个容器都可以指定为flex布局,只需要设置“display:flex"即可;行内元素可以通过设置”display:inline-flex“实现;需要注意的是,

CSS3多列布局(Multi-column)

多列布局(Multi-column)多列布局就是将文本内容设计成像报纸那样的多列布局。或者说在之前我们通过js或者JQuery才能实现的瀑布流,在CSS3中我们可以直接通过CSS就可以实现,虽然有兼容性上面的问题。。兼容性IE10+、FireFox16+、Chrome26+、Safari6.1+、Op

CSS内边距属性(padding)

CSSpadding(填充)是一个简写属性,定义元素边框与元素内容之间的空间,即上下左右的内边距。当元素的padding(填充)内边距被清除时,所释放的区域将会受到元素背景颜色的填充。单独使用padding属性可以改变上下左右的填充。值说明length规定以具体单位计的填充值,比如像素、厘米等。

CSS滚动条样式(overflow)

网页的设置为了直观,很多时候并不是正好满足一页,例如一些新闻网站,为了使用数据的分页加载,如果想看更多的文字,需要不停的往下滑动,在浏览器的右边会一直存在着一个滚动条,这就是本篇讲解的元素,在网页中当一页无法容纳所有数据的时候,我们经常用overflow进行设定。

CSS渐变色(颜色渐变)

CSS中的渐变指的是两种或多种颜色之间的平滑过渡,以前我们必须使用事先定义好的图像来实现渐变效果,CSS3为实现渐变效果提供了一种灵活的解决方案。通过CSS3您可以定义三种类型的渐变,分别为线性渐变(通过linear-gradient()函数创建)、径向渐变(通过radial-gradient()函数

CSS透明度(opacity)

通过rgba()、hsla()可以设置颜色的透明度,但是它们只能在定义颜色的同时设置透明度,无法对图像或者其它元素设置透明度。CSS设置透明度的两种方法:一、CSSrgba()设置颜色透明度语法:rgba(R,G,B,A);RGBA是代表Red(红色)Green(绿色)Blue(蓝色)和Alpha(不