基础

CSS计数器(counter)

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

CSS滚动条样式(overflow)

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

CSS overflow属性用法简介

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

CSS精灵图(sprite)

一、什么是精灵图?当用户访问一个网站时,浏览器会向服务器发送一系列请求,比如说网页上的每张图像都需要经过一次请求才能最终展示给用户。然而,一个网页中往往包含大量的图像资源(例如在页面中展示的图片、网页的背景图像以及一些装饰性的图像等),这就会导致浏览器频繁的请求服务器,大大降低网页的加载速度。

CSS轮廓(outline)

1.概念轮廓(outline)是绘制在元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。举个例子来说吧:在我们平时阅读浏览器里的内容时,当鼠标点击让一个a标签链接或者一个input的单选框获得焦点的时候,该元素将会被一个轮廓虚线框围绕。

CSS鼠标样式(cursor)

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

CSS内边距属性(padding)

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

CSS外边距属性(margin)

一、CSS外边距属性(margin)属性描述margin简写属性。在一个声明中设置所有边距属性margin-bottom设置元素的下外边距属性margin-left设置元素的左外边距属性margin-right设置元素的右外边距属性margin-top设置元素的上外边距属性CSSmargin(外边距)

CSS 尺寸/宽高属性(width/height)

CSS尺寸属性指的就是元素的宽度和高度属性,虽然说非常简单,但却是必须掌握的技能。CSS中提供了width、height、max-width、min-width、max-height和min-height等几个属性来设置元素的宽度和高度,这些元素使用起来非常简单,下面我们就来简单介绍一下。

CSS盒子模型

在使用CSS进行网页布局时,我们一定离不开的一个东西————盒子模型。盒子模型,顾名思义,盒子就是用来装东西的,它装的东西就是HTML元素的内容。或者说,每一个可见的HTML元素都是一个盒子,下面所说的盒子都等同于HTML元素。这里盒子与盒子模型中的盒子又有点不同,这里的盒子是二维的。