CSS学习笔记新手站长网页设计和网站建设干货分享

新手推荐:DIV+CSS十日教程 十天学会DIV+CSS 宝塔面板安装图解

HTML5中新增的input表单输入框类型

文本输入控件(input)可以让用户在输入框中输入相应的字段,其type属性决定了输入字段的类型,除了传统的输入文字外,在html5中还增加了很多特殊的类型,比如可调取调色器选 ...
所属栏目:建站经验技巧 发表时间:12-08

左侧固定菜单实现子菜单可点击展开和收缩效果

固定在左侧的导航栏,点击一级菜单可展开子菜单的效果,经常在一些建站系统的后台可以看到,例如织梦CMS后台:文本主要分享一个简单的左侧固定导航的做法,这里是借助jQuer ...
所属栏目:实用资源 发表时间:12-07

网页左右两列等高布局的5种实现方法

两列或多列布局的方法有很多,目前来说,浮动的方式用的比较多,例如下面这个就是典型的两列布局,父容器宽度为600px,左右两列分别为400px和200px,未设置具体的高度 ...
所属栏目:CSS技巧 发表时间:12-04

CSS设置输入框占位符placeholder点击隐藏

在HTML5中可以对文本输入框增加placeholder属性,英文placeholder意思是占位符,用在文本输入框的时候可以友好的显示提示文字,例如下面这个就是常见的文本框提示效果 ...
所属栏目:CSS技巧 发表时间:11-30

CSS制作多种样式的箭头图标(单个div标签)

曾在《CSS制作上下左右箭头》这篇文章里分享了通过三角形和小矩形拼接实现简单小箭头的方法,制作的箭头图案大致是这样:生活中常见的箭头形状还有很多种,比如下图所 ...
所属栏目:CSS3基础 发表时间:11-29

CSS制作45度封页套效果和折页效果的步骤

网页中加入封页套或折页的效果会更个性更有立体感,一般这种效果是通过一个小图片定位的方法实现的,本文主要分享用纯CSS的方法实现这样的效果:这里的封页套效果相当 ...
所属栏目:CSS3基础 发表时间:11-28

动态返回网页顶部按钮最简单的实现方法

在较长的网页上加一个快速返回顶部的按钮是较好的用户体验,但如果点击按钮直接回到顶部则有些生硬了,所以多数网站都采用平滑滚动到顶部的方式,该效果实现的方法有很 ...
所属栏目:建站经验技巧 发表时间:11-27

使用CSS3阴影属性制作简单雪花图案的步骤

常见的雪花图案大致轮廓是一个星号的形状,实现星号的方法一般是在一个长条矩形上分别叠加旋转60度和-60度的两个长条矩形,如下图:本文所分享的CSS制作的雪花图案最终 ...
所属栏目:CSS3基础 发表时间:11-25

CSS制作网店打折图标(锯齿图标)简单步骤

网店里经常会用到一些优惠秒杀或打折信息的图标,例如下图就是几个常见的图标样式:第一个图标目测是由三个圆角矩形叠加形成的,所以实现的方法很简单,使用2D旋转就可以 ...
所属栏目:CSS3基础 发表时间:11-25

使用CSS阴影属性简单实现太阳图案的步骤

CSS阴影属性可以轻松的将一个元素复制一份,本文主要分享简单的利用CSS阴影属性这个特点实现一个太阳的图案,太阳图案一般可由中间的圆形和四周的“光线”组成,下面先 ...
所属栏目:CSS3基础 发表时间:11-23

关于html5视频标签video的属性和用法

以往在网页中引入视频的代码很复杂,在html5中出现了专用于视频的video标签,在网页中引用视频变得就像引用图片那样容易了,最简单的视频引入代码为:<video src="v1.mp4 ...
所属栏目:建站经验技巧 发表时间:11-21

织梦dedecms实现点击图片翻页的方法

制作图片类网站的时候,如果能点击图片后翻页,则是一种很好的用户体验,本文主要分享dedecms如果设置点击图片翻页,实现该功能需要修改程序文件,这里以dedecms5.7-UTF8版 ...
所属栏目:建站经验技巧 发表时间:11-20

纯CSS制作会话气泡和微信图标的简单步骤

通过CSS中的2D变换和定位的配合,可以实现一些简单的会话气泡图案,这样避免图片的使用,可以减少服务器的资源请求,本文以微信图标为例,简单的说说回话气泡的CSS实现方法 ...
所属栏目:CSS3基础 发表时间:11-20

使用transform-origin属性改变元素变换原点

使用CSS中的旋转函数可以让元素旋转指定的角度,比如transform:rotate(45deg)这条声明是表示将元素顺时针旋转45度,这里的旋转是按照一个默认的原点进行的,在CSS里可 ...
所属栏目:CSS3基础 发表时间:11-18

纯CSS制作旋转太极图阴阳鱼的简单步骤

太极图是道教文化中的重要标志,简单的阴阳鱼图案展示了万物相生相克的哲理,本文主要分享用CSS制作旋转的太极图,新手朋友们可以通过本文复习关于CSS伪元素的使用,以及 ...
所属栏目:CSS3基础 发表时间:11-17
DIV+CSS基础 DIV+CSS技巧 CSS3基础 建站经验技巧 实用资源下载