• 关于

    400PX网站

    的搜索结果
  • css遮罩

    css遮罩图片采用形状透明的(alpha透明度),图片格式为png8。备注:IE6仅支持100%。使用position定位。父容器relative,子容器absolute。带形状遮罩层       带颜色透明层       内容层    mask                  opacity ...

    文章 爱六六 2012-07-06 649浏览量

  • 网页布局CSS技巧-Web设计必知

    1、两列布局 1.1、左列固定,右列自适应#left{    width:190px; float:left; }#right{    margin-left:205px; }1.2、右列固定,左列自适应#left{    float:left; width:100%; }#right{    f...

    文章 豪三 2009-12-24 597浏览量

  • 你也可以的,Div Without Table

    目标效果: 首先要创建Html页面: 页面总共由8大块div 构成。 按照从左到右,从上到下的原则来分的   1:divWholeScreen 2:divPageBox 3:divTitle 4:divOuterUpperLeft 5:divOuterUpperRight 6:divOuter...

    文章 嗯哼9925 2017-11-29 850浏览量

  • 移动端媒体查询的一些尺寸参考

    移动端媒体查询的一些尺寸参考 /*iphone4 4s*/ @media only screen and (device-height :480px) and (-webkit-device-pixel-ratio:2){ /* Styles */ } @media screen and (min...

    文章 木头先生 2017-08-15 998浏览量

  • CSS兼容性解决方法(盒模型)- !important的IE7,Firefox问题 最终解决方法

    前面的很多内容属于引言部分,如果您对这些内容比较了解,可以直接跳到下面的“盒模型问题的解决”,查看主要的内容。首先谈谈!important问题的引起(盒模型问题): 在CSS标准中,一个盒模型包括4个区,分别是:内容、内边距(padding)、边框(border) 和外边距(margin)。而Wi...

    文章 老先生二号 2017-06-25 624浏览量

  • CSS实现背景透明,文字不透明(兼容各浏览器)

    原文:CSS实现背景透明,文字不透明(兼容各浏览器) 在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明,而文字保持不透明。而IE6/7/8浏览器不支持 rgba,只有使用IE的专属滤镜filter:Alpha来实现,但是这样写法会...

    文章 杰克.陈 2014-11-12 765浏览量

  • 第二天 一列布局

    今天我们开始学习《十天学会web标准(div+css)》的一列布局,包含以下几种形式: 一列固定宽度 一列固定宽度居中 一列自适应宽度 一列自适应宽度居中 一列二至多块布局 前一节我们回顾了xhtml基础和css基础部分,今天我们正式开始使用网页制作软件——adobe公司出品的dreamwea...

    文章 y0umer 2011-06-22 715浏览量

  • Web页面中5种超酷的Hover效果

    想在自己的网站中应用超酷的hover效果吗?也许你可以从如下的这些实例中获得一些灵感,如果你喜欢这些效果,也可以直接拷贝代码并应用到你的站点。 给平淡的站点带来活力 hover效果能给网页增加一些动态效果,并且使得站点更具有活力。原来的做法是使用javascript来实现这些动态效果,但是随着CS...

    文章 powertoolsteam 2011-05-10 791浏览量

  • 6种CSS控制元素上下居中效果

     通常我们用到的css布局都是左右居中,经典css写法如下:   body{       margin:0;       padding:0;       width:100%;       height:100%;   }   div{       margin:0 auto;       wi...

    文章 涂作权 2012-12-05 935浏览量

  • Web页面中5种超酷的Hover效果

    想在自己的网站中应用超酷的hover效果吗?也许你可以从如下的这些实例中获得一些灵感,如果你喜欢这些效果,也可以直接拷贝代码并应用到你的站点。 给平淡的站点带来活力 hover效果能给网页增加一些动态效果,并且使得站点更具有活力。原来的做法是使用javascript来实现这些动态效果,但是随着CS...

    文章 技术小阿哥 2017-11-14 811浏览量

  • 利用 CSS 变量实现令人震惊的悬浮效果

    最近,我从 Grover网站上发现以一个好玩儿的悬停动画,也有了些自己的灵感。这个动画是将鼠标移动到订阅按钮上移动光标会显示相应的彩色渐变。这个想法很简单,但是它能使这个按钮脱颖而出,人们一下子就注意到它了,增加了点击的概率。 怎样才能达到这个效果,使我们的网站脱颖而出呢?其实,它并不像你想...

    文章 玄学酱 2018-06-21 875浏览量

  • Chrome 将进一步削弱 Flash 内容

    Google Chrome 博客宣布了进一步削弱 Flash 突出 HTML5 的计划。Chrome 是从2015年9月发布的 Chrome 42 开始默认不播放宽度小于400px或高度小于300px的 Flash广告,从下个月发布的Chrome 53 开始将禁止后台加载 Flash 内容,从12...

    文章 晚来风急 2017-06-02 901浏览量

  • JavaScript效果之选项卡

    原文:JavaScript效果之选项卡 拼了命学习js,想把学到的Javascript效果,可以记在博客里,在记录过程中,加深理解。 gogogo,第一个效果,选项卡。 一、选项卡效果的实现思路 选项卡效果的应用很广泛,几乎所有的网站都会用到选项卡,现在就来写选项卡。 选项卡的实现思路:  两个d...

    文章 杰克.陈 2014-08-12 727浏览量

  • 从零开始学_JavaScript_系列(16)——CSS<3>(文本、对齐、圆角、盒模型、背景)

    注意,有些CSS属性对于低版本浏览器(典型的就是IE),可能不支持,所以在面向低版本浏览器的时候需要注意的说。 关于CSS属性的兼容性检测的网站:http://caniuse.com/ 部分图片来自网易云课堂,侵、私信、删 (34)文字字体 ①font-size:文字大小 ②值有:length(...

    文章 零零水 2016-05-06 1043浏览量

  • 从零开始学_JavaScript_系列(16)——CSS<3>(文本、对齐、圆角、盒模型、背景)

    注意,有些CSS属性对于低版本浏览器(典型的就是IE),可能不支持,所以在面向低版本浏览器的时候需要注意的说。 关于CSS属性的兼容性检测的网站:http://caniuse.com/ 部分图片来自网易云课堂,侵、私信、删 (34)文字字体 ①font-size:文字大小 ②值有:length(...

    文章 零零水 2016-05-06 849浏览量

  • 从零开始学_JavaScript_系列(16)——CSS<3>(文本、对齐、圆角、盒模型、背景)

    注意,有些CSS属性对于低版本浏览器(典型的就是IE),可能不支持,所以在面向低版本浏览器的时候需要注意的说。 关于CSS属性的兼容性检测的网站:http://caniuse.com/ 部分图片来自网易云课堂,侵、私信、删 (34)文字字体 ①font-size:文字大小 ②值有:length(...

    文章 零零水 2016-05-06 1074浏览量

  • 【探索HTML5第二弹04】响应式布局(上),让我们一起来响应式布局吧

    前言 第一次看到响应式布局这个东西的时候,我还以为又出了新东西呢,稍微研究了下才发现其实也是现有资源的组合而出的创新,中国什么时候也搞一个这种创新呢? 所谓响应式布局,大意是在不同设备上(不同尺寸下)都能以比较合理的方式显示,大家千万不要觉得iphone上的显示感觉还不差,我们就说说博客园吧,...

    文章 范大脚脚 2017-12-21 1115浏览量

  • 利用新浪微博接口生成漂亮的微博卡片

    新浪微博开放平台(http://open.weibo.com/)提供了大量的接口API,如粉丝,微博,评论,用户读取等26个接口,共分为微博相关API,公共服务API,地理信息API等三大板块API。开发者只需注册开放平台App Key,即可利用开放平台提供的API测试工具测试各个不同的接口。本站...

    文章 水灵儿 2017-11-03 1210浏览量

  • Android 屏幕适配方案

    转载请标明出处: http://blog.csdn.net/lmj623565791/article/details/45460089;  1、概述 大家在Android开发时,肯定会觉得屏幕适配是个尤其痛苦的事,各种屏幕尺寸适配起来蛋疼无比。如果我们换个角度我们看下这个问题,不知道大家有...

    文章 一叶飘舟 2015-05-04 936浏览量

  • 导航特效

    &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http:...

    文章 技术小美 2017-11-17 817浏览量

  • 导航特效

    &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http:...

    文章 蓬莱仙羽 2013-02-04 779浏览量

  • [译] JavaScript 中的 CSS:基于组件的样式的未来

    本文讲的是[译] JavaScript 中的 CSS:基于组件的样式的未来, 原文地址:CSS in JavaScript: The future of component-based styling 原文作者:Jonathan Z. White 译文出自:掘金翻译计划 译者:bamb...

    文章 玄学酱 2017-10-17 772浏览量

  • 12个很少被人知道的CSS事实

    CSS不是一门很复杂的语言,但是即使你已经写css很多年了,也很有可能遇到一些新玩意儿-某些属性从来没用过,某些值从来未曾考虑,或者某些规范细则你从来不知道。 我经常会遇到一些css小细节,所以我想在这片文章中和大家分享,需要承认的是,这篇文章中的很多东西并不具有实操价值,但也许你可以留作后用。 ...

    文章 小旋风柴进 2018-06-16 537浏览量

  • jquery 多窗口图片播放以及自动播放

    我搜集了2种方法: 1种为写直接写jQuery方法,效果如下: 代码如下: View Code &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT...

    文章 冰点沐雪 2012-11-23 879浏览量

  • 直播视频网站源码,使用Echarts实现饼图

    直播视频网站源码,使用Echarts实现饼图相关的代码 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;第一个 ECharts 实例&lt;/titl...

    文章 yunbao111 2020-11-27 82浏览量

  • JS 实现3D立体效果的首页轮播图(瞬间让你的网站高大上,逼格满满)

    还是那句话,废话少说,直接上源代码:http://download.csdn.net/detail/cometwo/9387901 <html> <head> <title>JS 实现3D立体效果的图片幻灯切换</title> <met...

    文章 cometwo123 2016-01-03 7019浏览量

  • 采用XHTML和CSS设计可重用可换肤的WEB站点

    < DOCTYPE html PUBLIC -WCDTD XHTML TransitionalEN httpwwwworgTRxhtmlDTDxhtml-transitionaldtd> 随着XHTML的逐渐推广流行,HTML 在许多场合已经显得过时。World Wide Web Co...

    文章 技术小牛人 2017-11-16 835浏览量

  • 前端入门教程(七)CSS属性设置

    宽和高 width属性可以为元素设置宽度。 height属性可以为元素设置高度。 块级标签才能设置宽度,内联标签的宽度由内容来决定。 字体属性 文字字体 font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。浏览器会使用它可识别的第一个值。...

    文章 拉-斯-特 2018-06-10 904浏览量

  • 手机适配浏览,所引发的一场“头脑风暴”

    阅读目录: 写在前面 手机适配浏览 理一理相关概念 pt、px ppi、dpi 屏幕尺寸、屏幕分辨率 Retina Display Points Device Pixel Ratio ppi VS dpi iPhone 屏幕解惑 最近在做新闻频道手机适配浏览的时候,遇到这样一个问题,针...

    文章 范大脚脚 2017-11-27 1080浏览量

  • 【转】移动浏览器的viewport

     本文主要转自:移动浏览器的viewport ,部分内容有补充修改。   对于移动web开发,最好了解一下viewport的概念,在quirksmode.org有两篇文章详细介绍了它,A tale of two viewport(1 2),感觉非常好,本来想翻译的,但这两篇文章实在太长了,没耐性,...

    文章 技术mix呢 2017-11-24 1101浏览量

1 2 3 4 5 >

云产品推荐

阿里云大学 云服务器ECS com域名 网站域名whois查询 开发者平台 小程序定制 小程序开发 国内短信套餐包 开发者技术与产品 云数据库 图像识别 开发者问答 阿里云建站 阿里云备案 云市场 万网 阿里云帮助文档 免费套餐 开发者工具 企业信息查询 小程序开发制作 视频内容分析 企业网站制作 视频集锦 代理记账服务 企业建站模板