网站综合信息 cssmagic.net
- 标题:
- CSS魔法 - Web标准与前端技术杂谈
- 关键字:
- HTML HTML5 CSS CSS3 JS JavaScript jQuery Canvas Web标准 Web App
- 描述:
- 这是一个CSS面试题/练习题/演示/教程的演示页面，涉及HTML/XHTML/CSS/JavaScript等网页制作技术，遵循Web标准，力推CSS布局与网站重构，关注网页的可用性/可访问性/用户体验
- 域名信息
- 域名年龄:16年5个月12天 注册日期:2008年12月16日 到期时间:2020年12月16日
邮箱:cssmagic.cn 电话:+86.13918501270
注册商:NAME.COM, INC.
- 服务器空间
- IP:119.28.48.229 同IP网站1231个 详情
地址:北京市 (静安中心机房)
- 备案信息
- 备案号:未备案
域名流量Alexa排名
域名注册Whois信息
cssmagic.net
域名年龄: 16年5个月12天注册时间: 2008-12-16
到期时间: 2020-12-16
注 册 商: NAME.COM, INC.
注册邮箱: cssmagic.cn
联系电话: +86.13918501270
获取时间: 2016年10月24日 15:59:34
Domain Name: CSSMAGIC.NET
Registrar: NAME.COM, INC.
Sponsoring Registrar IANA ID: 625
Whois Server: whois.name.com
Referral URL: http://www.name.com
Name Server: F1G1NS1.DNSPOD.NET
Name Server: F1G1NS2.DNSPOD.NET
Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Updated Date: 2015-12-16
Creation Date: 2008-12-16
Expiration Date: 2020-12-16
>>> Last update of whois database: Mon, 2016-Oct-24 08:03:32 GMT <<<
For more information on Whois status codes, please visit https://icann.org/epp
Domain Name: CSSMAGIC.NET
Registry Domain ID: 1533293641_DOMAIN_NET-VRSN
Registrar WHOIS Server: whois.name.com
Registrar URL: http://www.name.com
Updated Date: 2015-12-16T14:10:57Z
Creation Date: 2008-12-16T15:44:51Z
Registrar Registration Expiration Date: 2020-12-16T15:44:51Z
Registrar: Name.com, Inc.
Registrar IANA ID: 625
Reseller:
Domain Status: clientTransferProhibited
Registry Registrant ID:
Registrant Name: Peter Zhang
Registrant Organization:
Registrant Street: 123 Yanping Rd.
Registrant City: Shanghai
Registrant State/Province: Shanghai
Registrant Postal Code: 210000
Registrant Country: CN
Registrant Phone: +86.13918501270
Registrant Email: cssmagic.cn
Registry Admin ID:
Admin Name: Peter Zhang
Admin Organization:
Admin Street: 123 Yanping Rd.
Admin City: Shanghai
Admin State/Province: Shanghai
Admin Postal Code: 210000
Admin Country: CN
Admin Phone: +86.13918501270
Admin Email: cssmagic.cn
Registry Tech ID:
Tech Name: Peter Zhang
Tech Organization:
Tech Street: 123 Yanping Rd.
Tech City: Shanghai
Tech State/Province: Shanghai
Tech Postal Code: 210000
Tech Country: CN
Tech Phone: +86.13918501270
Tech Email: cssmagic.cn
Name Server: f1g1ns1.dnspod.net
Name Server: f1g1ns2.dnspod.net
DNSSEC: Unsigned Delegation
Registrar Abuse Contact Email: abuse
Registrar Abuse Contact Phone: +1 7203101849
URL of the ICANN WHOIS Data Problem Reporting System: http://wdprs.internic.net/
>>> Last update of WHOIS database: 2016-10-24T02:03:45-06:00 <<<
The Data in the Name.com, Inc. WHOIS database is provided by Name.com, Inc. for information purposes, and to assist persons in obtaining information about or related to a domain name registration record. Name.com, Inc. does not guarantee its accuracy. By submitting a WHOIS query, you agree that you will use this Data only for lawful purposes and that, under no circumstances will you use this Data to: (1) allow, enable, or otherwise support the transmission of mass unsolicited, commercial advertising or solicitations via e-mail (spam); or (2) enable high volume, automated, electronic processes that apply to Name.com, Inc. (or its systems). Name.com, Inc. reserves the right to modify these terms at any time. By submitting this query, you agree to abide by this policy.
网站头文件(HTTP Header)
HTTP/1.1 301 永久重定向 访问时间:2014年04月10日 15:30:59 缓存控制:max-age=3600 过期时间:2014年04月10日 16:30:59 服务器:DNSPod URL V2.0 目标网址:http://www.cssmagic.net/ 文件大小:0 连接:关闭 HTTP/1.1 200 OK 访问时间:2014年04月10日 15:30:59 文件大小:15346 类型:text/html 文件地址:http://www.cssmagic.net/index.html 修改日期:2014年04月07日 13:24:20 接受单位:字节 网页标记:"9218caa02152cf1:a1809" 服务器:Microsoft-IIS/6.0 语言环境:ASP.NET 页面编码:gb2312
同IP网站(同服务器)
其他后缀域名
网站首页快照(纯文字版)
抓取时间:2015年05月11日 13:53:46
网址:http://cssmagic.net/
标题:CSS魔法 - Web标准与前端技术杂谈
关键字:HTML, HTML5, CSS, CSS3, JS, JavaScript, jQuery, Canvas, Web标准, Web App, IE, Firefox, Safari, Opera, Chrome, 浏览器, W3C, AP
描述:这是一个CSS面试题/练习题/演示/教程的演示页面，涉及HTML/XHTML/CSS/JavaScript等网页制作技术，遵循Web标准，力推CSS布局与网站重构，关注网页的可用性/可访问性/用户体验。
主体:
网址:http://cssmagic.net/
标题:CSS魔法 - Web标准与前端技术杂谈
关键字:HTML, HTML5, CSS, CSS3, JS, JavaScript, jQuery, Canvas, Web标准, Web App, IE, Firefox, Safari, Opera, Chrome, 浏览器, W3C, AP
描述:这是一个CSS面试题/练习题/演示/教程的演示页面，涉及HTML/XHTML/CSS/JavaScript等网页制作技术，遵循Web标准，力推CSS布局与网站重构，关注网页的可用性/可访问性/用户体验。
主体:
CSS魔法 - Web标准与前端技术杂谈 - CSSMagic.net（本站首页常年裸奔。所有内容仅供参考。我也在不断推翻自己昔日的言论……）本站简介本站涉及 HTML/CSS/JS 等网页制作技术，遵循 Web 标准，力推 CSS 布局与网站重构，关注网页的可用性/可访问性/用户体验。在过去几年，本站主要整理并发布一些有价值的 CSS 面试题/练习题和演示，以及制作一些对应的 CSS 教程。最近一两年主要把精力放在博客的写作上，同时也在编写和翻译技术书籍。欢迎批评和讨论，您可以在 我的“新浪微博” 发私信联系我。博客所有文章 | 如何订阅 如何捐助浅析 Bootstrap 的 CSS 类名设计CSS 类名的单词连字符：下划线还是横杠？交互设计师的工作内容与发展前景[译] iOS 7 之 HTML5 综合测评：亮点、缺点和槽点实战中踩到的 JSON 小坑如何在 iOS 设备上配置 hosts[多图] 苹果 2013 iPhone 5c/5s 发布会简译与简评[译] 分分钟学会一门语言之 Ruby 篇[译] 分分钟学会一门语言之 Python 篇[译] 程序员的困境GitHub 第一坑：换行符自动转换[译] JavaScript 开发者经常忽略或误用的七个基础知识点[译] 如何做到一秒渲染一个移动页面Windows XP、ClearType 和微软雅黑字体的那点事[译] [信息图表] 色彩心理学：设计师的选色指南[译] GitHub 风格的 Markdown 语法UTM 参数、URL 和 HTML 实体的那点事终于知道 GA 订单统计中的 store 字段怎么用了关于“从网页分享到微信”的实现WebStorm，你一直在寻找的前端开发 IDEPHP 和 JSON 都说 `_.isEmpty()` 是个好方法Underscore 模板引擎 API 更新[多图] 电影《阿凡达》如何拍摄失重场景苹果 WWDC 2013 絮语[译] ScrollFix.js：一个 iOS5 溢出滚动的（有限）修复方案旧博客一个让我掉到坑里的问题：null==0 吗？我为 Steve Krug 新书翻译书名天天体验：神奇的小便斗如何在 IE6,7 下实现 white-space: pre-wrap;如何从 Google Reader 转发文章至新浪微博（已过时）“围脖精灵”官方主页――新浪微博好助手（已过时）Googlebot 居然真的抓取并运行 JS 和 CSS？《CSS网站布局实录》重要勘误之“外边距重叠”Opera 10 奇怪的用户代理字符串初试微格式：为网页添加 hCard 书籍 《JavaScript 应用程序设计》（非官方翻译中） 习题与演示 2009-07-17 爆牙齿的 Web 标准面试题Ⅱ （习题原稿图片与解说 by 爆牙齿） 说明：神龙见首不见尾的前端牛人爆牙齿又有新题问世。与上次不同，此次纯粹考核 CSS，同时也更有难度。然而题目似乎没有交待清楚，素材图片也没有提供。好吧，顺道连 PS 也一并考了。 理解题目需要花点功夫，我来概括一下。结构代码已经给定，由 CSS 实现如下布局：单行文字泡泡的宽度自适应，多行文字泡泡的宽度固定但高度自适应。单行文字泡泡的类名是 me 或 he，而多行文字泡泡的类名是 vme 或 vhe。这些类名由服务器端根据文字内容判断输出，不需要我们前端操心了。 此题切中 CSS 布局的两大技术要点――浮动和定位。把这两点吃透了，这一题应该难不倒你。当然还有一个隐形的问题――跨浏览器兼容性，比如我在做题时就发现或重温了 IE6,7 的多个 CSS bug。我的体会是，尽量选择一个简单清晰的（通常也是健壮的）布局思路。自己都无法梳理清楚的布局思路，浏览器通常也很难漂亮地完成。 其它感想：当我们面对简洁的结构代码时，利用好每个钩子。 自加难度：用 CSS Sprites 整合所需的图片资源。 【查看演示】 2009-06-16 迅雷 2009 页面重构工程师面试题 （习题原稿图片 from cody） 说明：目前公布的迅雷 2009 面试题中一道有点意思的题目。这是一个看似平常的新闻列表模块，但实际上暗藏玄机。难点在于日期紧跟新闻标题之后，而新闻标题不等长且要求超长截断。解题方法有很多，论坛里已经出现多个答案。这次我同样给自己设了一些限制：无 CSS Expression、无定位、尽可能实现省略号截断。 【查看演示】 2009-02-15 弧形排列的可折叠二级导航 （习题原稿图片 from 瑶子） 说明：不规则的弧形排列，还要实现手风琴效果，确实令人伤透脑筋，但也极具挑战性！不依靠 JS 来计算定位，仅仅由轻量级的纯 CSS 代码来实现灵活的可扩展布局，这真的可以做到吗？或许这个演示真的可以称作“奇技淫巧”式的炫技，因为这种效果本该是由 Flash 来完成的。 【查看演示】 教程(布局篇) >> 2009-03-03 爆牙齿的 Web 标准面试题 （习题原稿图片 by 爆牙齿） 说明：这是前端牛人爆牙齿在两年半之前推出的一道颇为经典的 HTML+CSS 面试题。据他本人说，真正的考点不在于 CSS 技巧，而在于应试者对结构的认知，以及是否具有“结构与表现分离”的思想，而这一思想正是 Web 标准的核心之所在。 网上有一些解答，出题人也有自己的讲解，我自己“闭卷”做了一份，简单谈一下。CSS 布局方面没什么问题，有一点小疑惑就是题中“页面居中”与“页面自适应”的含义，我的理解是浏览器视口够大时则页面以固定宽度居中，视口过小时则页面宽度自动收缩适应，说白了也就是 max-width 的概念。为了在弱智的 IE6 下实现此效果，我使用了 IE 私有的 CSS Expression，我认为这就是私有属性存在的意义（CSS Expression、HTC、CSS Filter 莫不如是）。这里需要说明的是，CSS Expression 非常耗资源，实战中应尽量避免使用，推荐使用 JS 在 IE6 下模拟 max-width 的效果。另外为了修补 IE6 的浮动 3px + hasLayout bug，我使用了一点儿 CSS Hack。 在结构方面，爆牙齿本人推崇“独立于根”的原则，即各栏目区块直接隶属于 <body> 元素。很巧，我也有类似的代码洁癖。不过在这个案例中，我还是选择为所有内容添加一个外围容器（wrapper），客观地说，这样的结构在布局时更加灵活和强壮（为此牺牲一点结构的纯度也是可以接受的）。――当然，“独立于根”也完全可以实现这个布局，因为 <body> 本身就是一个现成的 wrapper。对“考题说明”的处理，我与爆兄一致。在具体的标签语义方面，各栏目的说明文字是采用 <dl> 还是 <hx>+<ul> 或是 <hx>+<p>，我认为都说得过去，仁者见仁智者见智。 【查看演示】 爆牙齿本人的解述 >> 2009-02-09 “高于一切的标题” - 一道有意思的 HTML+CSS 面试题 （习题原稿图片 from linxz） 说明：除了两列等高、列高度随文章内容自
最近查询网站