首页> 关键字 >CSS3
  • CSS3实例教程:hover、active和:focus伪选择器网页制作文章简介:CSS3实例教程:hover、active和:focus伪选择器。 CSS3的伪类选择器就是多,今天我们来学习新的伪类选择器——UL状态伪类选择器。这些选择器都有一个共同的特征名那就是定义的样式只有当元素处于某种状态下时才起作用,在默认状态下无效。 今天我们先..【阅读全文】
  • CSS3网页制作教程:详解CSS3实现圆角代码网页制作文章简介:其实CSS3实现圆角的方法只需要设置一个属性:border-radius(边框半径),只要设置一个值就能同时设置四个圆角的半径。 其实CSS3实现圆角的方法只需要设置一个属性:border-radius(边框半径),只要设置一个值就能同时设置四个圆角的半径给你一个DIV 设置他的..【阅读全文】
  • CSS3参考手册和CSS3代码生成工具加速你学习网页制作网页制作文章简介:通过CSS3的一些新特性(如box-sizing、边界半径、文字阴影、渐变等)创建的效果已经令前端开发者兴奋不已。使用CSS3进行前端设计是未来的发展趋势。因此,如果你是一名前端设计师,就需要掌握这些最新的技术,否则就有可能会被淘汰。 CSS3技术现在越来越成熟,..【阅读全文】
  • CSS3实例教程:变形属性transform实例讲解网页制作文章简介:CSS3有一个变形相关的属性,transform。 CSS3有一个变形相关的属性,transform。使用这个属性你可以进行 :translate(x, y); 移动元素的坐标。rotate(30deg); 旋转元素。scale(x, y); 缩放。skew(x, y); 元素的倾斜。以上操作默认是元素的中心点来进步变换的,..【阅读全文】
  • CSS实例学习教程:用CSS3绘制网页渐变背景网页制作文章简介:CSS3中绘制渐变背景. 火狐浏览器 :-moz-linear-gradient(起始点, 其实颜色, [中间颜色 百分比], 结束颜色)。起始点 :left top center bottom,可以组合。颜色 : ragba,如果是transparent则为透明。-moz-linear-gradient(center top, transparent, transpar..【阅读全文】
  • CSS3.0实例教程:content属性使用实例介绍网页制作文章简介:在过去我们可以通过后端服务器程序截取或JS截取文字后加入省略号即可。 在过去我们可以通过后端服务器程序截取或JS截取文字后加入省略号即可。现在,我们的CSS3.0可以使用实现了!content属性: 如果我们想往段落p标签内部追加省略号只需要如下方式定义样式即..【阅读全文】
  • WEBJX收集的25个CSS3按钮和CSS3菜单设计教程网页制作文章简介:基于HTML5的Web设计将成为今后的主流,你可以使用CSS按钮/菜单来代替传统上的图片按钮/菜单,在拥有漂亮效果的同时,还可以节省加载图片的时间,增强用户体验。 随着Web技术的发展,Web标准已经得到了逐步改善,现在HTML5正逐渐成为Web开发的主导技术。 本文为..【阅读全文】
  • CSS3教程:介绍各种已经存在和现代的 CSS 技术网页制作文章简介:级联样式表非常简单,也就是 (X)HTML 网页之上的分层设计。使样式表 “级联”,这样您就可以跨站点应用它 — 也就是说,将样式应用到网站,它就会自行应用到每个网页的每个元素。 级联样式表非常简单,也就是 (X)HTML 网页之上的分层设计。使样式表 “级..【阅读全文】
  • CSS3网页设计实例:WEBJX收集30个创意的网站设计实例网页制作文章简介:30 个创新的 CSS3 Web 网站设计实例. 还有什么开发离得开 Web 吗?桌面应用和Web应用的界限越来越模糊,甚至手机应用和Web应用也越来越模糊。制作出一个漂亮而且吸引人的网页让人惊叹。每天都有大量的富有创意和美丽的设计。 CSS3 摆脱了网页设计的所有限制。..【阅读全文】
  • 网页设计:CSS3、HTML5、JS和框架网页制作文章简介:网页设计:CSS3、HTML5、JS和框架。 如今大热的HTML5到底美在哪里?HTML5到底能为实际的移动开发带来哪些改变?来自阿里云云手机服务运营部的前端开发工程师分享了他眼中的HTML5之美,主要讲诉HTML5的常见原理并从CSS、JavaScript和框架三个方面做了细致讲解。..【阅读全文】
  • HTML5+CSS3实例教程:绘制遨游浏览器Logo 1 <!DOCTYPE> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <style> 6 header{ 7 font-family:"MicroSoft YaHei"; 8 font-size:30px; 9 color:#990000;10 }11 12 .Circle1{13 width:240px;14 height:240px;15 -mo..【阅读全文】
  • HTML5+CSS3实例教程:绘制三角形变换的播放器网页制作文章简介:每天学一点点Html5+Css3,慢慢积累经验,从基础做起。下面主要介绍一下绘制简单的播放器按钮. 每天学一点点Html5+Css3,慢慢积累经验,从基础做起。下面主要介绍一下绘制简单的播放器按钮;首先,看看当DIV的宽度和高度都为0的时候,设置边框成了什么样子?代码..【阅读全文】
  • HTML5+CSS3网页制作实例:chinaz图片瀑布布局<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>CSS3瀑布布局</title><style> .container{ -webkit-column-width:160px; -moz-column-width:160px; -o-c..【阅读全文】
  • HTML5+CSS3网页制作:三栏布局宽度自适应网页制作文章简介:CSS3+HTML5学习笔记四--CSS三栏布局-宽度只适应. 以前做三栏布局时,最常用最简单的方法可能就是:采用float+margin来实现,而CSS3的时代,我们可以有另一种比较“时尚”的方法,就是css3中的盒子模型,代码如下: 1 <!DOCTYPE HTML> 2 <htm..【阅读全文】
  • CSS3实例教程:盒子模型实例代码@charset "utf-8";/* CSS Document */body{margin:0 auto;width:1000px;height:1000px;font-size:12px;}.div1 {width:400px;height:450px;margin-left:10px;margin-top:100px;margin-left:250px;}font {font-weight:bold;font-size:18px;font-family:"楷体";}..【阅读全文】
  • CSS3的自定义字体@font-face网页制作文章简介:CSS3 icon font完全指南。 大家都知道现在各个浏览器都支持CSS3的自定义字体(@font-face),包括IE6都支持,只是各自对字体文件格式的支持不太一样。那么对于网站中用到的各种icon,我们就可以尝试使用font来实现,本文将详细讲解这种用法。为什么要将icon做成..【阅读全文】
  • CSS3中的单位和浏览器的支持情况网页制作文章简介:理解css中的长度单位. 很基础的一个问题,但是,其实看起来很复杂的样子~~我们来捋一捋吧~~css3中也对css中用到的单位进行了改进,单位也就是那几个,所以我们要搞清楚再用。 %——百分比 in——寸 cm——厘米 mm—..【阅读全文】
  • CSS3实例教程:CSS3制作玻璃瓶里的水母网页制作文章简介:CSS3实现四叶草、水母与玻璃瓶。 下为纯CSS制作,闲话不说,上个效果图先:玻璃瓶质感、四叶草漂浮于水面,荡起涟漪、摇摆上升的气泡…很美的意境,然而你也许会说你喜欢瓶子不喜欢四叶草,那可以把四叶草给none掉,不喜欢植物的话,那你喜不喜欢动物呢..【阅读全文】
  • CSS3实例教程:超炫的网页进度条网页制作文章简介:超炫、时尚的CSS3进度条。 时尚的CSS3进度条先看效果图,非常漂亮吧: HTML代码:<div class="progress-bar blue stripes"> <span style="width: 40%"></span></div> .progress-bar – 定义进度栏的常规样式..【阅读全文】
  • CSS3实例教程:CSS3实现图片瀑布布局效果网页制作文章简介:以前就觉得,Chinaz中图片瀑布布局很好看,以前也看过别人实现的一些方法,大部分是用js实现的,今天试了一下,用CSS3简单的实现了类似的布局效果. 以前就觉得,Chinaz中图片瀑布布局很好看,以前也看过别人实现的一些方法,大部分是用js实现的,今天试了一下..【阅读全文】
共 143 条记录┊当前页次:2/8┊20条/页