CSS
文章平均质量分 81
陌听
这个作者很懒,什么都没留下…
展开
-
CSS基础篇
一、HTML中插入CSS1、外部样式表定义:将样式定义放在一个单独的文件中,需要时在文档中引用步骤:a、建立一个文件名为myStyle.css的样式表h1, h2, h3{ color : blue;}h1 { font-size: 18pt }h2 { font-size: 16pt }h3 { font-size: 14pt }b、在段使用标记,可将原创 2015-07-29 22:23:24 · 511 阅读 · 0 评论 -
CSS3 径向渐变(radial-gradient)
CSS3 径向渐变和线性渐变是很相似的,我们首先来看其语法:12-moz-radial-gradient([ || ,]? [ || ,]? , [, ]*); -webkit-radial-gradient([ || ,]? [ || ,]? , [, ]*); 除了您已经在转载 2016-01-04 10:04:43 · 914 阅读 · 0 评论 -
CSS3 经典教程系列:CSS3 线性渐变(linear-gradient)
CSS3 Gradient 分为 linear-gradient(线性渐变)和 radial-gradient(径向渐变)。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用 CSS3 Gradient,我们需要先了解一下目前的几种现代浏览器的内核,主要有 Mozilla(Firefox,Flock等)、WebKit(Safari、Chrome等)、Opera(Opera浏览器)、转载 2016-01-04 10:02:38 · 6837 阅读 · 0 评论 -
25个国外优秀的餐饮网站设计作品欣赏
25个国外优秀的餐饮网站设计作品欣赏 这篇文章收集了25个国外优秀的餐饮网站设计作品,希望能带给你灵感。很多餐饮店都会建立自己网站,提供在线订餐服务,这些通常会搭配诱人的食物图片,吸引顾客订购,一起欣赏。McDonald’sRuby TuesdayLa BruschettaTokiTwelveVedaLe 28Thiers转载 2015-11-11 22:01:11 · 2908 阅读 · 0 评论 -
CSS--利用CSS实现一个简易的二级菜单(仿京东)
功能:仿照京东首页,利用CSS简单实现一个二级菜单完整代码: * { margin: 0; padding: 0; } .container { height: 30px; background-color: #F原创 2015-08-20 22:23:20 · 1456 阅读 · 0 评论 -
JavaScript+CSS实现图片动态轮播dynamic_slider
基本功能:1、图片自动轮播,当鼠标移动在图片上时,图片停止播放2、点击左右键显示上一张图片或下一张3、当鼠标放在12345这几个数字上时,显示数字所对应的图片完整代码如下: * { margin: 0; padding: 0; } .containe原创 2015-08-20 22:17:40 · 718 阅读 · 0 评论 -
CSS布局--transform应用(矩形旋转、缩放、倾斜、滚动、3D转换)代码
body, div { margin:0; padding:0; } div { width: 100px; height: 100px; background-color: burlywood; margin-left:原创 2015-08-16 20:25:42 · 6320 阅读 · 0 评论 -
CSS页面布局篇
一、CSS盒模型定义:CSS盒模型四CSS可视化格式化系统的基石,是理解样式表如何的核心1、区域与边界:内容区:元素内容benshen内边距(padding):内容区和边框之间的区域边框(border):一到多个围绕元素内容和内边距的线外边距(margin):在元素边框的外面。外边距总是透明的2、高度和宽度使用width和height属性可以设置块级元素或者内嵌原创 2015-07-31 22:58:34 · 411 阅读 · 0 评论 -
CSS布局——元素浮动与定位篇
一、元素浮动(float)定义:浮动是基于CSS现代Web设计用到的主要功能之一,它可以用来创建多列的网页布局。1、属性值:none(不浮动)、left(向左)、right(向右)注:fioat属性可以应用于任何元素2、行为当float不等于none引起元素浮动时,元素将被视作块级,等于设置display: block当浮动一个文本类型元素时,必须指定其width宽度,原创 2015-07-31 23:47:34 · 2222 阅读 · 0 评论 -
HTML5 & CSS3 下拉菜单效果
A Flash Blue Menu在线演示 源码下载 Fancy Rolling Navigatio在线演示 源码下载 Sweet tabbed navigation using CSS3在线演示 源码下载 jQuery style menu with CSS3在转载 2016-01-04 10:09:56 · 1414 阅读 · 0 评论