CSS

CSS媒体查询(@media)全面解析

CSS媒体查询(@media)全面解析随着移动设备的快速普及,用户不再只是通过传统的电脑系来浏览Web内容,越来越多的用户开始使用各种尺寸的智能手机、平板电脑或者其它设备来浏览Web内容,为了确保使用不同设备的用户都能拥有不错的体验就需要……

超链接标签的CSS伪类

超链接标签的CSS伪类由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类。CS……

CSS过渡效果(transition)

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

CSS浮动(float)

CSS浮动(float)一、传统网页布局的三种方式网页布局的本质:用CSS来摆放盒子,把盒子摆放到相应位置。CSS提供了三种传统布局方式(简单说就是盒子如何进行排列)。(1)普通流(标准流)(2)浮动(3)定位这里指的只是传……

CSS元素显示类型(display)

CSS元素显示类型(display)display属性是CSS中最重要的属性之一,主要用来控制元素的布局,通过display属性您可以设置元素是否显示以及如何显示。一、display属性的作用1.display属性可以设置元素的内部和外……

CSS响应式布局(自适应布局)

CSS响应式布局(自适应布局)什么是响应式布局?响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。在移动互联网高度发达的今天,我们在桌面浏览器上开发的网页已经无法满足在移动设备上查看的需求。传统的开发方式是PC端开发一套页面,……

CSS圆角属性(border-radius)

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

CSS注释语法

CSS注释语法当一个样式表创建完成后,往往再过几个星期、几个月,甚至几年后,再回过头来进行修改时,你可能怎么也想不明白以前为什么要创建这个样式,以及它到底有什么作用。对于任何项目,都是如此。因此,在构建网站时,应该……

CSS内边距属性(padding)

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

CSS轮廓(outline)

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