CSS3基础CSS3新标签_CSS3教程_学习CSS3高级技巧

纯CSS制作正五边形的简单方法(九五顶五九)

关于正五边形,在数学中可以通过尺规作图的方式画出来,而如果要求不是十分严格,也可以通过民间口诀“九五顶五九,八五两边分”的方法画出,在CSS中如果要实现正五边形,可以 ...
所属栏目:CSS3基础 发表时间:2017-09-24

CSS制作梯形(等腰梯形,直角梯形等)方法步骤

在使用CSS制作三角形一文中,简单介绍了三角形的实现方法,通过设置宽高都为0的矩形的边框属性即可完成,而用CSS制作梯形的方式和制作三角形是类似的,不同的只是需要设置 ...
所属栏目:CSS3基础 发表时间:2017-09-24

CSS制作等腰三角形,等边三角形和直角三角形

三角形的图案在网页设计中很常见,三角形在视觉上给人一种指向性,类似箭头的功能,为了美观,一般在网页中使用的三角形都是等腰三角形,通过CSS边框属性可以轻松的制作各种 ...
所属栏目:CSS3基础 发表时间:2017-09-24

纯CSS制作正六边形图案的简单步骤

正六边形是一个很美观的图形,它的每个内角是360度,蜂巢和苯的分子结构都是正六边形,正六边形两相对顶点之间的距离是边长的2倍,正六边形两边之间的距离是边长的3^(1/2) ...
所属栏目:CSS3基础 发表时间:2017-09-24

利用CSS实现电脑和手机自适应网页的方法

自适应网页就是针对不同的设备定义不同的CSS样式,让同一个URL网址在不同的设备上都能较好的展示,传统的方式针对电脑用户制作PC版网站,针对手机用户制作移动网站的做 ...
所属栏目:CSS3基础 发表时间:2017-09-18

CSS3实现改变网页文字被选中时的状态

我们都知道,在网页中要复制一段文字,首先得选中要复制的文字,而大多数时候我们选中一段文字的时候,这段文字会变成蓝色背景和白色的文字,以表示这段文字已经被选中了。 ...
所属栏目:CSS3基础 发表时间:2017-09-14

CSS3多列属性(column-count)实现多列内容

CSS3可以对网页实现多列布局,这样以来网页上的内容就能像报纸那样的效果。下面我们简单的试试把一个div分成多列来显示,这里要用到column-count属性(英文column是列的 ...
所属栏目:CSS3基础 发表时间:2017-09-14

关于CSS结构性伪类选择器的用法实例

我们知道在CSS中可以使用类选择器(class)把相同的元素定义成不同的样式,同一个div可以因为class的不同而定义不同的样式。类选择器我们可以随意起名,而伪类选择器是CSS ...
所属栏目:CSS3基础 发表时间:2017-09-13

理解和学习强大的CSS属性选择器大全

我们在html代码里,经常通过id属性或class属性对同一个标签(如div)进行区分,在CSS里,我们可以使用属性选择器完成灵活的定义,关于属性选择器有下面这些定义方式(attribute, ...
所属栏目:CSS3基础 发表时间:2017-09-13

学习CSS3动画效果(animation和@keyframes)

在CSS3中可以创建动画,实现以往在Flash或JavaScript才能实现的效果。创建动画所使用的规则是:@keyframes(keyframes中文翻译为关键帧),在@keyframes中规定某项CSS样式,就 ...
所属栏目:CSS3基础 发表时间:2017-09-13

学习CSS3的transition属性实现过渡效果

CSS3可以实现当元素从一种样式变换为另一种样式时添加过渡效果,过渡属性是以transition来定义,一般定义transition属性需要定义两项内容,分别是“想要增加过渡效果的 ...
所属栏目:CSS3基础 发表时间:2017-09-12

初步认识CSS3转换效果之3D旋转方法

2D转换指的是元素在平面内进行的变换,只涉及到平面坐标系,而3D转换涉及到三维空间坐标系,在平面坐标系上如果有一条垂直于该平面的坐标轴Z轴,则构成三维坐标系 ...
所属栏目:CSS3基础 发表时间:2017-09-12

认识CSS3元素2D转换(位移/变形/旋转/倾斜)

CSS3的2D转换可以实现元素改变形状、尺寸和位置。本文分别来认识CSS3中的2D转换:1. translate() 方法通过translate()方法,元素从其当前位置移动,根据给定的left(x 坐 ...
所属栏目:CSS3基础 发表时间:2017-09-12

CSS3给文字加阴影效果 text-shadow属性

通过text-shadow属性可以向文本添加一个或多个阴影,它的基本语法是:选择器 {text-shadow: 水平位置 垂直位置 模糊度 颜色;},例如:<!DOCTYPE html><html><head><meta c ...
所属栏目:CSS3基础 发表时间:2017-09-12

背景尺寸属性background-size的取值效果

CSS3中的background-size属性规定背景图片的尺寸,该属性有以下几种设置方法:background-size:400px 300px 这表示设置背景图片的高度和宽度。第一个值设置宽度,第二个 ...
所属栏目:CSS3基础 发表时间:2017-09-12

背景新属性background-clip和background-origin

在CSS3中,给背景又增加了绘制区域这项属性(background-clip),下面我们先创建一个最简单的框,浏览这个网页,可以看到内容离虚线边框有40px的内边距,而背景颜色包含了边框的 ...
所属栏目:CSS3基础 发表时间:2017-09-12

CSS3以图片创建元素边框border-image属性

以图片创建边框,或者说给边框定义一个背景图片,它的CSS3属性是border-image,也许刚开始不容易理解,下面我们先来创建一个普通的带边框的矩形:<!DOCTYPE html><html><hea ...
所属栏目:CSS3基础 发表时间:2017-09-12

CSS3给元素框添加阴影box-shadow属性

在CSS3里可以通过box-shadow属性给元素块添加周边阴影效果,该属性的语法为:选择器 {box-shadow:[阴影类型] X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜 ...
所属栏目:CSS3基础 发表时间:2017-09-12

CSS3圆角矩形属性(border-radius)实例教程

众所周知,通过CSS3的圆角矩形属性border-radius可以轻松的将矩形的四个角设置为平滑的圆角,如果给该属性只定义一个值,则表示四个角的圆角半径相同,如果分别定义四个值 ...
所属栏目:CSS3基础 发表时间:2017-09-11

初步认识CSS3以及不同浏览器的专用前缀

CSS3是在CSS2.1的基础上升级而来,增加了很多强大的功能。世界五大主要的浏览器分别是Internet Explorer,Chrome,Firefox,Safari和Opera浏览器,其他的浏览器大多数都是基 ...
所属栏目:CSS3基础 发表时间:2017-09-11
共40篇上一页12
DIV+CSS基础 DIV+CSS技巧 CSS3基础 建站经验技巧 实用资源下载