CSS

CSS颜色设置的6种方法

CSS颜色设置的6种方法制作好看且丰富多彩的网页肯定会与颜色打交道,所有的颜色都是有三种颜色按照不同的比例合成产生,这三种颜色就是三原色,三原色是红(red)、绿(green)、蓝(blue),这三种颜色按不同的比例混合这三……

CSS内边距属性(padding)

CSS内边距属性(padding)CSSpadding(填充)是一个简写属性,定义元素边框与元素内容之间的空间,即上下左右的内边距。当元素的padding(填充)内边距被清除时,所释放的区域将会受到元素背景颜色的填充。单独使用padd……

CSS圆角属性(border-radius)

CSS圆角属性(border-radius)在制作网页的过程中,有时我们可能需要实现圆角的效果,以前的做法是通过切图(将设计稿切成便于制作成页面的图片),使用多个背景图像来实现圆角。在CSS3出现之后就不需要这么麻烦了,CSS3中提供了一系列属……

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

CSS弹性布局/弹性盒子(flex布局)flex是flexiblebox的缩写,译为“弹性布局”,用来为盒模型提供最大的灵活性,任何一个容器都可以指定为flex布局,只需要设置“display:flex&……

CSS边框(border)

CSS边框(border)边框是使用频率很高的样式,图片可以加边框,表格基本都是带边框的,所以边框的学习是很重要的。本篇就来介绍下CSS边框的用法。CSS中的边框是围绕着元素内容和内边距的一条或多条线段,您可以自定义这些线段的……

CSS伪类选择器

CSS伪类选择器伪类选择器在CSS中起到的作用可以说是至关重要的,如果CSS没有伪类选择器,有很多效果都要借助js来完成,这样不仅代码量增加,维护起来你难度也大。这样程序员的工作量大,也违背了CSS诞生的作用,就是提……

CSS计数器(counter)

CSS计数器(counter)CSS里面的伪元素其实是非常好用的,但是经常容易被大家忽略,伪元素里面常用到的content属性,可能现在很多人仅仅以为content属性的值只支持字符串,除了字符串外常用到的还有uri、counte……

CSS过渡效果(transition)

CSS过渡效果(transition)通常当CSS的属性值更改后,浏览器会立即更新相应的样式,例如当鼠标悬停在元素上时,通过:hover选择器定义的样式会立即应用在元素上。在CSS3中加入了一项过渡功能,通过该功能您可以将元素从一种样式在……

CSS背景(background)

CSS背景(background)在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片。那么如何利用css设置html中用图片做背景?本篇文章就给大家介绍css怎样设置背景图片,需要的朋友可以参考和学习一下,希望对你有……

CSS鼠标样式(cursor)

CSS鼠标样式(cursor)在页面布局时,CSS是工作中必不可少的部分,常听别人讲:HTML是一个人素颜的样子,加了CSS后是一个人化妆以后的样子。这句话通俗易懂,很好的诠释了CSS与HTML之间的关系。CSS中的属性非常多,本……