CSS设计网页时的一些常用规范(1)

CSS设计网页时的一些常用规范(1)的相关文章

• 
  CSS基础：设计网页常用规范详解 (1)

  标签：Web开发

  CSS命名规范 一．文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css； 二．常用类/ID命名规范 页 眉：header 内 容：content 容 器：container 页 脚：footer 版 权：copyright 导 航：menu 主导航：mainMenu 子导航：subMenu 标 志：...[ 查看全文 ]

  超级青春纪念册

  31
• 
  CSS基础：设计网页常用规范详解

  标签：Html CSS布局 Div+CSS XHTML

  CSS命名规范 一．文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css； 二．常用类/ID命名规范 页 眉：header 内 容：content 容 器：container 页 脚：footer 版 权：copyright 导 航：menu 主导航：mainMenu 子导航：subMenu 标 ...[ 查看全文 ]

  大果啊啊啊啊啊

  181
• 
  网页设计常用的一些技巧

  标签：Web开发

  各种用途的按钮 !--脚本说明： 把如下代码加入body区域中:-- form       p       input type="button" value="返回"  name="button" class="pt9"       input TYPE="button" NAME="view" value="查看本例的源码" view-source:" +window.location.href...[ 查看全文 ]

  Jackhoom

  21
• 
  PS设计网页的一些注意事项

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  David Everly 给出了在Photoshop设计网页过程中，一些有用的建议。 01 使用网格系统 网格系统能够在网页设计的时候少了很多头痛。试试这些免费的资源吧，比如Cameron McEfee’s GuideGuide Photoshop extension 或者 Grid System Generator ，会让你使用网格的时候更方便和准确。 02 都摆上来 实现成功的网页设计和时间管理，有一种方法：就是在你设计之前把所有的元素先丢入画布。网页设计师...[ 查看全文 ]

  OO4V5C

  21
• 
  网页文字应用CSS设计的一些技巧

  标签：Web开发

  我想以一章的篇幅来讨论用CSS设定文字样式的做法是个好点子.一般处理文字内容大概是应用CSS最多的地方,就算对没有完全遵守标准的网站来说也是一样.去掉网页中反复出现的＜font标签曾经是(现在也是)十分吸引设计者的事情,而且不难看出以CSS控制文字排印的巨大优势,也就是进一步分离内容和展示方式. 从先前的很多例子我们知道了CSS能处理许多情况,而设定文字样式就算对最基本的网页来说也是加上设计元...[ 查看全文 ]

  whntgz

  51
• 
  初学CSS和标准建站的一些CSS常用技巧

  标签：Web开发

  初学CSS和标准建站的一些CSS常用技巧 /*无所不能的CSS的*通配选择符*/ * { margin:0; padding:0;} /*此定义解释:margin:0;padding:0;在CSS最上面先用 * 一次性统一制定，可以避开CSS的"盒模型"考虑问猓迸龅叫枰乇？ 指定margin或padding值的时候在分别另外指定，后面的值将覆盖前面的值。*/ /*CSS中容易被忽视的Outlines 轮廓属性*/ 问题：为什么加了标签的全部自动加上了蓝色的边缘？因为每个默认的...[ 查看全文 ]

  mei_li9

  11
• 
  CSS设计网页头部的写法

  标签：Web开发

  在div+css布局中，一般都这样来整体构架的： div id="header"/div div id="center"/div div id="footer"/div 而对于header部分，肯定要显示网站标题，除了显示网站标题外，还可能要显示其他比较重要的对象，比如网站的导航栏： div id="header" div id="title"这里是网站的标题/div div id="nav"这里是网站导航栏/div /div 很多人一般都这样写的，当然这样写并没有什么语法错误。但对于div来说有个原则，那...[ 查看全文 ]

  王依暄

  721
• 
  一些顶级CSS技巧

  标签：Web开发

  Snook.Ca最近给所有的CSSer提出了一些写CSS时候的“顶级技巧”。 字体大小使用px 在一行内声明CSS对比下面两个： 以下是引用片段： h2{font-size:18px;border:1pxsolidblue;color:#000;background-color:#FFF;} h2{ font-size:18px; border:1pxsolidblue; color:#000; background-color:#FFF; }   第二种看起来的确格式化，但是不会在阅读上有任何帮助。写在一行内可以让你更快的找...[ 查看全文 ]

  重康是我的名字

  11
• 
  一些常用的Javascript函数

  标签：Web开发

  来公司后所在项目组开发的是一个客户端的软件，软件界面采用WEB界面来体现，因此要用到不少Javascript.来公司后所在项目组开发的是一个客户端的软件，软件界面采用WEB界面来体现，因此要用到不少Javascript.把自己写的一些通用JS函数整理了下:) /*判断浏览器版本*/ var w3c=(document.getElementById)? true: false; var agt=navigator.userAgent.toLowerCase(); var ie ...[ 查看全文 ]

  行风1112

  31
• 
  浅谈设计中设计规范与原则的一些反思

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  作为一个长期参与过阿里团队设计规范制定相关工作的设计师，鸿影同学是如何看待设计规范的?今天从3个方面给大家聊聊他关于设计规范的思考，附上各大顶尖公司的设计规范供参考。 鸿影：今天要谈的也是一个很多人耳熟能详的命题了：设计规范与原则。 设计规范广泛存在于很多大公司大团队，用于指导多名设计师设计多个页面时都能保证设计交付物风格的统一，让品牌认知与用户习惯得以延伸;而对于iOS/Android平...[ 查看全文 ]

  纯爷们儿咱来

  201
• 
  看看CSS3制作的一些网页演示效果

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  下面这些都是使用CSS3制作的网页动画演示，通过这些内容可以了解CSS3的强大，此外部分动画结合了Javascript脚本来运行，其中有些演示内容是十分有用的，可以应用在网页制作中，而且大多数演示功能看起来很帅，不过如果要浏览这些演示效果的话可能最好别用IE浏览器(作者原话：）) 1.使用jQuery的CSS3时钟 2.模拟时钟 3.使用方向键旋转的3D盒子 4.多个3D盒子(滑入/滑出) 5. CSS3折叠 6. 自动滚动的视...[ 查看全文 ]

  每天快乐过山车

  61
• 
  css学习的一些心得

  标签：Web开发

  其实去年的时候，我就有过接触css了都是跟着一些网页教程学做的无非是用来控制一下link,vlink之类的那个时候觉得css好像也不过如此，对于层什么那个时候很不屑于顾，因为感觉层定位起来不如表格方便今年十月份的时候，正式开始学习css才发现一些网站不用表格，仍然可以做到非常的好除此之外css还有着对于大流量网站的速度优势到现在为止，断断续续的学习了两个月了，其间做了一些页面今天就讲讲自己的感受第...[ 查看全文 ]

  jeg太费劲了

  31
• 
  一些有用的CSS资源

  标签：Web开发

  CSS官方站点 CSS Recommendations http://www.w3.org/TR/REC_CSS1 http://www.w3.org/TR/REC_CSS2 CSS在线中心 w3c CSS Activity page http://www.w3.org/style/css 指向css的规范，思路，以及css的相关站点，有好多有用资料 CSS错误检测站点 w3c CSS Test Suite http://www.w3.org/style/css/test 提供用于测试css实现的相当完整的页面组 w3c CSS Validator http://jigsaw.w3.org/css-validator...[ 查看全文 ]

  龙门小亮

  01
• 
  DW制作网页时使用CSS的注意事项

  标签：Web开发

  很多CSSer是从以前的网页制作中开始学习CSS网页布局的，或许还存在着一定的DW习惯。希望此文能帮助大家理解和纠正一些不好的习惯。 由于“可视化”和操作简便，在DW中编写CSS的朋友很多，今天我们介绍一些在DW中编写CSS的“最佳习惯”，希望对大家有所帮助。 CSS正在改变网站设计的进程。为迎合不断增长的倾向于CSS的设计人员的需求，Macromedia DW MX引进了一些新的及改善过的CSS相关的特性。...[ 查看全文 ]

  奇幻城池

  201
• 
  关于网页布局设计的一些简单原则

  标签：Web开发

  本文整理了一些网页布局设计的简单原则，希望对网页设计者有一些用处。 重复：在整个站点中重复实现某些页面设计风格。 重复的成分可能是某种字体、标题Logo、导航菜单、页面的空白边设置、贯穿页面的特定厚度的线条等。 颜色作为重复成分也很有用：为所有标题设置某种颜色，或者在标题背后使用精细的背景。 用对比来吸引读者的注意力。 通过对比来抓住读者的注意力，例如，你...[ 查看全文 ]

  不错的海事

  41
• 
  国外的一些响应式网页设计案例

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  我们了解了一下响应式网页设计是什么，现在趁热打铁，来欣赏一些国外的一些很赞的响应式网页设计，看看他们是如何实现对PC端浏览器和移动终端的全面支持的。 想要查看效果很简单，打开这些页面，然后缩放浏览器窗口就可以了当然，要用chrome/safari/firefox/opera等浏览器，IE请绕道～～ 当然，如果你有发现国内有好的类似设计 food sense Forefathers Form CMS Havoc Inspired Jet Coope...[ 查看全文 ]

  不朽尊座

  01
• 
  做网页的一些技巧

  标签：Web开发

  加入收藏夹代码 a href="javascript:window.external.AddFavorite('http://url/','站点名称')" ie地址栏图标 link rel="icon" href="favicon.ico" type="image/x-icon" / link rel="shortcut icon" href="favicon.ico" type="image/x-icon" / 把名为 favicon.ico 大小 16X16 的图标放到网页的根目录 长度自适应的div 嵌套DIV:父DIV的高度不能根据子DIV自动变化的解决方案 div id="parent"   ...[ 查看全文 ]

  ojiuqyou8931

  31
• 
  一些常用的数据操作类

  标签：Web开发

  偶也不知道算不算，反正我自己随时写的用，很粗浅的，适合跟我一样的新手收藏，指不定就用得上呢！ 一组是我这两天写留言本的 另组是以前VS2003写投票用的 高手看见的话，麻烦把好的解决方案说下，谢谢哦！！新手的话，共同学习了！！ --------下面是我最近写个留言本用的------------     public static OleDbConnection con()     {//数据库...[ 查看全文 ]

  xinyujiar

  31
• 
  css的一些基础的东西

  标签：Web开发

  1. css导入：    第一种是把CSS文档放到head文档中： style type=“text/css” …… /style 其中style中的“type=‘text/css’”的意思是style中的代码是定义样式表单的。   第二种方法是把CSS样式表写在HTML的行内，比如下面的代码： p style=“font-size：14pt；color：blue”蓝色14号文字/p 这是采用Style=“ ”的格式把样式写在html中的任意行内，这样...[ 查看全文 ]

  占日天

  21
• 
  详细解析网页水平横向设计的一些技巧

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  老实说，你浏览过几个水平滑动的网站?如果让我来回答这个问题，我得说我没浏览过几个。而且水平滚动网站似乎在网页设计中并不流行。或者会被一些专家说这是反人类的浏览体验。 好吧，对无创意毋宁死的设计师来说。咱们就是爱打破常规，弄点新颖奇特的设计出来。 不过不得不说，水平滚动网页设计有点命途多舛，刚出来的时候短暂流行过一阵子，但后来渐渐消隐于大众视线， 有人说这种风格的网页，浏览起来非...[ 查看全文 ]

  猪哥有三套

  11