首页 > 教程 > 关键词 > 风格最新资讯 > 正文

再谈CSS样式表书写风格

2009-03-30 15:32 · 稿源:一叶千鸟

关于书写习惯,遵循曾经 总结过的风格 标准,现在一点都没有变。并且近来翻看高手作品,横向连排似乎在大产品项目中逐渐成为主流,个人认为如此维护效率的确更高,并且未来显示器肯定是朝越来越大、越来越宽发展。

通常我维护别人作品第一步都是调整空格,基本下图这个造型的样式表都是我写的,只有我这种眼里不揉沙子的人才对多个、少个空格如此敏感。至于效果上有什么影响,不妨对比参考。代码编辑器对同行数定位做的都比较好,因此我们要解决的是如何快速纵向定位目标。

例子来自2006年8月Microsoft.com首页。

并且我观察到最近流行的栅格化、渐进增强等设计理念,都可以很好应用到样式表设计上。好代码应该清晰上下、左右分级,适当的分块、留白将有助于模块化设计,大大提高可扩展性、可复用性、可维护性。总的来说,书写有如下四个方面值得探讨,并积累个人(团队)习惯:

命名

排版模式化

属性定义顺序

注释格式

如果再加上各种Hack语法,以及-moz-, -webkit-等私有定义,这个事情复杂无比。不过在组织角度可以轻而易举想到,应该把它们独立出来并分开调用。学问很深,先整理思路,有空再好好探讨总结。下图是最近改个人网站的代码片段:

前几天用Css3语句text-shadow在繁体某中文情况下,成功将Chrome2两次搞死,不得已降级Chrome1使用。值得一提的是,text-shadow效果非常好,淡淡的阴影甚至有点水墨感觉。从最近发展来看,各浏览器往标准化靠拢前进的步子将越来越大。

可预见的将来,Css将代替很大部分视觉设计工作,以后web设计稿子几乎可以不再使用画图这种原始办法。也就是说,将来web视觉设计知识体系将进一步与编码结合。近三年我的工作重点方向并不在页面结构&表现之上,但原型框架图还是 多使用HTML 提高效率,同时也全部手写实现。基本技能多动手没坏处,至于效率嘛?无他,唯手熟耳。

经常与习惯欠佳的同行开玩笑,写代码也要注意矜持,你不是一个人在战斗。好代码就算用记事本打开也是艺术品,何况是在做设计。样式表在编辑器里,本身就是个信息设计练习。

  • 相关推荐
  • 大家在看
  • 女士大牌腕表推荐——雷诺表夜色系列886037

    随着时代的进步,消费者对大牌腕表提出了更高层次的要求。雷诺表作为知名国产手表品牌,始终用卓越的品质走在行业的前沿。近日,雷诺表以孔雀开屏为设计理念,推出夜色系列886037,高贵典雅,深得年轻女性喜爱。雷诺表将女性魅力和大牌腕表巧妙结合,通过创新的设计语言,使新时代女性的独立与自信在腕间熠熠生辉。夜色系列 886037 捕捉孔雀开屏的美好瞬间,以玫瑰金色线条绘于白色贝母表盘之上,搭配竹叶形大三针,造型自然,灵动

  • 和平精英ss11赛季什么时候开始 ss11赛季具体上线日期时间

    和平精英目前还是在SS10赛季中,但是不少玩家已经在期待下一个SS11赛季了,很多玩家还不清楚S11赛季什么时候开始,下面就来为大家详细的介绍一下。

  • 无限火力国庆持续到几月几号 10月无限火力开放时间表

    2020年10月的国庆节到了,这么长的假期,英雄联盟的无限火力模式也如期而至,很多玩家还不清楚今年无限火力国庆节要持续到几月几号,下面就来为大家分享一下无限火力10月国庆开放的时间表。

  • 和平精英SS10赛季手册奖励内容汇总 SS10赛季手册全部内容一览

    和平精英在10月13日上线了SS10赛季的赛季手册,很多玩家还不清楚这次的赛季手册的奖励内容是什么,下面就来为大家详细的介绍一下。

  • RHFITNESS任和参展第38届体博会,诚邀您的莅临

    2020 年 9 月 28 日,第 38 届中国国际体育用品博览会(以下简称“ 2020 体博会”)将在国家会展中心(上海)举行。本届体博会是疫情防控工作进入常态化后国内举办的首场综合性国际体育用品展会,吸引了超过 1000 家企业共聚上海。 RHFITNESS任和品牌将携带旗下多款智能跑步机、走步机,参展本届体博会,为观展人员带来更智能、澎湃的健身体验。升级机型、智能触控……汇聚各类智能特色新品。 RHFITNESS任和品牌定位于中高端家用运动?

  • Caviar展示基于Apple I计算机设计风格的iPhone12 Pro改装方案

    ​虽然苹果已经推迟了 iPhone 12 系列 5G 智能机的新品发布,但这并不妨碍外界继续对其展开大胆的构想。有趣的是,知名高端改装品牌 Caviar,竟然想到了借鉴 40 年前的 Apple I 计算机的设计风格,来为 iPhone 12 Pro(Max)打造个性化外形的新创意。

  • 御时而行:RARONE雷诺表与CEC 中国汽车耐力锦标赛一同出发

    RARONE雷诺表成为 2020 年CEC中国汽车耐力锦标赛官方合作伙伴,御时而行,与CEC一同出发!中国品牌联手中国赛事RARONE雷诺表此次联手CEC中国汽车耐力锦标赛,是中国腕表品牌与国家级汽车赛事的强强联手。雷诺表始于 1988 年,是中国知名腕表品牌、博鳌亚洲论坛长期战略合作伙伴,暨“博鳌亚洲论坛商务礼宾用表”。是一家集研发、生产制造及手表销售、世界名表代理为一体的综合手表企业品牌。获得 200 多项荣耀,自主知识产权专利 10

  • iPhone12什么时候上市 苹果12手机上市时间表

    苹果iPhone12手机即将在10月14日凌晨1点发布,对于很多想要换新手机的朋友来说,十分期待今年iPhone12的配置以及价格,同时也关心iPhone12会在什么时候上市发售,这里我们来看下iPhone12具体的发售时间。

  • 意甲联赛 2020 赛程表,当贝市场分享大屏幕观看方法

    在博洛尼亚对阵帕尔马的比赛后,意甲联赛迎来了新一轮的赛程, 10 月 1 日00: 00 意甲联赛火力全开,贝内文托将迎战国际米兰。在 10 月 1 日的首轮对绝中,国际米兰的实力很强,在这个赛季中引进本赛季引进比达尔、科拉罗夫、哈基米等强援,主帅孔蒂排兵布阵也能够熟练的掌握,不过在客站对战的贝内文托,提前 7 轮升入甲级,首战客场3: 2 力克桑普,围绕伊沃泥塔、达博构建的中场拼抢凶悍,但是在国米的强势进攻下也很难取得胜利?

  • 下血本了!华米新表屏幕硬度堪比蓝宝石 耐刮擦能力提升20倍

    明天(9月22日)下午,华米将在北京举行“Beyond GT”新品发布会,口号是“Beyond GT,超越经典,超越自己。”据了解,本次发布会将带来Amazfit GTS 2、GTR 2智能手表,两

  • vivo首款智能手表vivo Watch亮相:精密陶瓷表圈历时近2个月打造

    今天晚上7:30,vivo正式发布了旗下首款智能手表vivo Watch。作为vivo首款智能手表,vivo Watch的工艺极其复杂。vivo产品经理介绍,vivo Watch精密陶瓷表圈历时近两个月打造,经由1400℃烈

  • iPhone12各版本有什么区别 苹果12四款机型配置表一览

    苹果12各版本有什么区别?苹果在北京时间 10 月 14 日凌晨 1 点举行新品发布会,正式发布了 iPhone 12 mini、iPhone 12、iPhone 12 Pro 和 iPhone 12 Pro Max 四款新机,新机均支持 5G 网络,并采用全新外观设计,屏幕边框更窄,整机尺寸也更加轻薄,影像拍摄能力也都得到了不少提升。发布会中多次提到 5G 技术带来的体验提升。更快的上传、下载速度,更流畅的游戏和视频体验,「智能数据模式」可以自动判断何时切换 5G,从而延长?

  • 2020京东双十一几月几号开始 今年京东双11活动时间表

    2020年双十一购物狂欢节马上就要到了,各大电商平台都在摩拳擦掌,很多朋友还不清楚京东的双十一活动会在几月几号开始,下面就来为大家分享一下京东今年的双十一活动时间表。1、活动预售期: 2020 年 10 月 21 日00:00:00- 2020 年 10 月 31 日23:59:59;2、活动专场期: 2020 年 11 月 1 日00:00:00- 2020 年 11 月 8 日23:59:59;(开门红: 11 月 1 日- 11 月 3 日;品类日: 11 月 4 日- 11 月 8 日)3、活动高潮期: 2020

  • iPhone12pro什么时候上市 苹果12Pro上市时间表介绍

    苹果iPhone12 Pro智能手机什么时候发售上市,今年苹果iPhone12系列的发布时间为10月14日,那么这款手机的发售上市时间是什么时候呢,相信很多打算换机的用户都关心具体的时间,以下我们来看下iPhone12全系列的发售上市时间表。

  • 长安CS55 PLUS新增车型售9.29万元起:发动机热效率达40%

    9月23日消息,长安汽车官方宣布,旗下紧凑型SUV——CS55 PLUS蓝鲸版新增3款车型,提供手动和自动可选,售价区间为9.29-11.39万元。CS55 PLUS蓝鲸版可以看做是CS75 PLUS的缩小版,

  • Bluehost SSD VPS主机真实详细评测数据

    VPS主机其价格优势相对独立服务器来说是非常有吸引力的,很多站长一般都会将VPS主机作为建站的首选,尤其是外贸行业,站群推广行业。虚拟主机可能在权限方面没有VPS主机高,独立IP配置可能也相对来说比较少,这也导致VPS主机成为了主流的建站空间。那么我们在选择VPS主机时,应该要考虑哪些因素呢?本文针对VPS主机做一个详细的评测,主要选择的产品是Bluehost SSD VPS云主机,下面具体分析。1、价格外贸行业目前压力也比较大,尤?

  • 玖富受邀香港银行学会(HKIB)和香港电脑学会(HKCS) 主持网络研讨会

    2020年9月14日,玖富集团受香港银行学会(HKIB)和香港电脑学会(HKCS)邀请,参与主题为“虚拟银行如何在传统银行模式下突围而出”的网络研讨会。玖富集团、玖富国际董事总经理陈颖峰为活动进行全程主持。本次网络研讨会由香港银行学会(HKIB)和香港电脑学会(HKCS)在香港举办,围绕“虚拟银行如何在传统银行模式下突围而出”的主题展开线上研讨,分享了虚拟银行如何在金融科技时代满足客户需求,如何在不断探索的商业模式中保持灵活性?

  • 苹果中国应用商店下架RSS阅读器应用

    据外媒报道,苹果正在从中国区应用商店中下架的两款RSS阅读器应用,分别为Fiery Feeds 和 Reeder ,以遵守旨在阻止非法内容的有关规定。

  • 《自然》子刊发表金斯瑞cPass™ sVNT Kit重要数据

    日前,全球著名科学杂志《自然》子刊Nature Biotechnology上发表了一篇重大技术创新发明论文。该文章领衔通讯作者是美国杜克大学医学院和新加坡国立大学Duke-NUS联合新发传染病研究所主任、全球领先的病毒传染病研究科学家王林发教授。凭借国际领先的蛋白和抗体试剂研发能力,金斯瑞已与王林发教授团队达成全球商业化合作,并从Duke-NUS获得全球独家性商业授权,还为王教授在研究阶段提供了所有重要的试验试剂,论文中对金斯瑞全球

  • SpaceX、蓝色起源和Dynetics的月球着陆器通过美国宇航局审查

    9月27日消息,据国外媒体报道,美国太空探索技术公司SpaceX、蓝色起源和Dynetics的月球着陆器通过了美国宇航局(NASA)的审查。完成对蓝色起源、Dynetics和SpaceX拟议的月球着陆器的“认证基准审查”,对于人类着陆系统(HLS)和Artemis项目来说是重要的一步。据悉,美国宇航局的Artemis项目旨在2024年前将宇航员送回月球,而月球着陆器是该项目的关键部分,该着陆器将携带两名宇航员(其中一名是女性)前往月球。本周

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签