《韩顺平 2016年 最新CSS3视频教程》是对新的css技术，css3的技术讲解，在css2的基础上技术升级，效果更佳。CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。把它分解为一些小的模块。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。课程播放地址：http://www.gxlcms.com/course/441.html 该老师讲课风格:教师讲课生动形象，机智诙谐，妙语连珠，动人心弦。一个生动...
css是英语Cascading Style Sheets（层叠样式表单）的缩写，p+css是网站标准（或称“WEB标准”）中常用术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为新的网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。《韩顺平 2016年最新p css 基础视频教程》是在以html为基础讲解的，是对网页的排版和布局的基础的讲解。我们可以简单的这样理解p+css: p 是用于存放内容(文字,图片...
课程介绍：Transition1：CSS3中transition2：CSS3中transition属性3：CSS3中transition效果分析4：CSS3中transition5种效果练习题1：创建3D场景2：创建3D场景3：实际创建3D场景4：translate属性5：transform属性练习题1：创建3D动画效果2：创建3D动画效果结构部分3：JS部分4：练习题5：编程挑战播放地址：http://www.gxlcms.com/course/416.html 讲师特点：思路清晰；讲解形象；声音清脆；循环渐进。难点分析：因为其中使用了很多最...
这篇文章主要介绍了使用CSS3来代替JS实现交互，从CSS3的动画和JS动画对比角度来看两者，会更清晰；而且随着前端框架的使用，页面动画会越来越多的应用CSS3。具体示例代码大家参考下本文吧【CSS3和JS】对于CSS了解的同学都知道，CSS的实现是最底层的，在实现方式和性能上都不是，JS这种提供接口的脚本可比的；从CSS3的动画和JS动画对比角度来看两者，会更清晰；而且随着前端框架的使用，页面动画会越来越多的应用CSS3【CSS3的其他用...
这篇文章主要介绍了css3 box-shadow阴影(外阴影与外发光)，通过五个测试通过图片展示了阴影的不同位置不同效果,需要的朋友可以参考下基础说明： 外阴影：box-shadow: X轴 Y轴 Rpx color; 属性说明（顺序依次对应）： 阴影的X轴(可以使用负值) 阴影的Y轴(可以使用负值) 阴影模糊值（大小） 阴影的颜色 内阴影：box-shadow: X轴 Y轴 Rpx color inset; 默认是外阴影 内阴影：inset 可以设置成内部阴影 ...
往往我们在做一些特殊的阴影效果的时候，使用图片做背景的方式实际上是很差劲的，在不考虑适配老版本浏览器的前提下，我们可以使用css3的自定义出自己想要的阴影风格。下面将以曲线阴影和翘边阴影为例，讲解自定义阴影的过程。 先来看下效果图 曲线阴影曲线阴影其实可以使用双层阴影重叠的方式实现 我们将取消阴影的图片做下分解应该会更容易理解，示意图如下： 如上图，图1基础的阴影下，在加一个有弧度的阴影即可。 1、图1基础阴...
border-color -- 定义四个边框的颜色 取值:[ <color> | transparent ]{1,4} | inherit <color>{1,4}: 颜色表示法 transparent{1,4}: 透明 inherit: 继承 初始值: 同color属性的默认值 继承性: 否 适用于: 所有元素 border:边框,color:颜色. border-colo border-color -- 定义四个边框的颜色 取值:[ <color> | transparent ]{1,4} | inherit <color>{1,4}: 颜色表示法 transparent{1,4}: 透明 inherit: 继承 初始值: 同colo...
border-width -- 定义四个边框的宽度 取值:<border-width>{1,4} | inherit <border-width>{1,4}: 边框宽度(可以有一个,两个,三个或四个值) inherit:继承 初始值: medium 继承性: 否 适用于: 所有元素 border:边框,width:宽度. border-width的取值 thin: border-width -- 定义四个边框的宽度 取值:<border-width>{1,4} | inherit <border-width>{1,4}: 边框宽度(可以有一个,两个,三个或四个值) inherit:继承 初始值: medium...
语法： text-transform : none | capitalize | uppercase | lowercase 参数： none : 无转换发生capitalize : 将每个单词的第一个字母转换成大写，其余无转换发生uppercase : 转换成大写lowercase : 转换成小写 说明： 检索或设置对象中的文本的大小写。 对应的脚本特性为textTransform。请参阅我编写的其他书目。 text-transform和font-variant区别text-transform和font-variant都能把英文文本转换大小写。但是font-varia...
font-size 语法： font-size : absolute-size | relative-size | length参数： absolute-size : 根据对象字体进行调节。xx-small | x-small | small | medium | large | x-large | xx-large relative-size : 相对于父对像中字体尺寸进行相对调节。使用成比例的em单位计算。larger | smaller length : 百分数 | 由浮点数字和单位标识符组成的长度值，不可为负值。其百分比取值是基于父对象中字体的尺寸。请参阅长度单位 说明： 设置...
自从大概两年前用CSS给SIGT设计了logo后，我心里一直有个想法，我认为使用Verdana字体和CSS里的绝对定位技术能画出更复杂的图案，也就是说，直接用HTML代码生成嵌入式的矢量图。 我选择绘制卡通剧《 辛普森一家》里的 荷马形象为代表，因为他的形象很流行，大家都认识： o o o o ( O O ...
DIV CSS虚线教程篇包括讲解常常出现的各种样式的DIV虚线案例CSS教程。本节为大家介绍常见的CSS 虚线及DIV教程。CSS虚线下划线、列表虚线统统搞定。1、CSS边框虚线这里通过边框属性的虚线边框border控制虚线。以下设置的css 高度(css height)和css 宽度（css width）为350像素是为了便于观看演示 其它意思。一、四边为虚线边框border:1px dashed #000; 黑色虚线边框实例：CSS代码： .divcss5{border:1px dashed #000; height:50px;w...
CSS值的来源首先,我们知道CSS虽然语法简单，但也不是瞎写的，其属性和值都是官方定义好了的,确切的说是浏览器厂商定义好的。这些给定的值无外乎来源以下情况：inherit 表示从祖先元素继承得到值。每个属性都有。initial 表示用户代理的默认值。每个属性都有。浏览器专有的值，通常有-ms-，-webkit-等前缀，也有一些值并无前缀。浏览器共有的值，虽然共有，但各浏览器在实现上不一定相同。因此可以肯定css兼容问题多来源于浏览器厂商...
使用CSS3来实现Loading动画特效的代码案例分享代码如下：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>css3 loading等待加载代码 - 何问起</title><style>@keyframes move {&1. 使用CSS3来实现Loading动画特效的代码案例分享简介：本文描述了使用CSS3来实现Loading动画特效的代码案例分享，有需要的小伙伴可以参考下2. 利用CSS3扁平化Loading动画特效简介：这篇文章利用CSS3扁平化Loading动画特效3. 30种CSS3炫酷页面...
DIV+CSS"这种叫法其实是一种不准确的叫法 在做笔记的最前面必须先给大家纠正一个错误，就是"p+CSS"这种叫法其实是一种不准确的叫法，是国人给这种布局标准页面的方法起的名字，是对技术理解不够透彻导致的，而标准的叫法是什么呢？呵呵，没错，标准叫法是xHTML+CSS！ 单纯从代码上辨别过去的页面布局方法和现在流行的页面布局方法，认为过去布局页面用的是Table，称之为"Table+CSS"，而现在布局页面呢，用p，所以叫"p+CSS"。...