> 웹 프론트엔드 > HTML 튜토리얼 > 初学DIV+CSS?有六个问题需要关注一下_html/css_WEB-ITnose

初学DIV+CSS?有六个问题需要关注一下_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 12:29:45
원래의
1265명이 탐색했습니다.

初学DIV+CSS?有六个问题需要您关注一下!作为DIV+CSS初学者,如果在动手写代码之前对网页整体结构由一个清晰认识的话,写起来会事半功倍!但是,写的过程中总是有这样那样的问题,使得我们不得不停下来去查找资料,弄清属性定义等等!
  其实有很多方法可以在提高我效率的同时让我们对DIC+CSS有更深刻的理解!下面我们列举几点:

一、CSS命名规范:
  1、文件命名规范
  全局样式:global.css;
  框架布局:layout.css;
  字体样式:font.css;
  链接样式:link.css;
  打印样式:print.css;
  2、常用类/ID命名规范
  页 眉:header
  内 容:content
  容 器:container
  页 脚:footer
  版 权:copyright 
  导 航:menu
  主导航:mainMenu
  子导航:subMenu
  标 志:logo
  标 语:banner
  标 题:title
  侧边栏:sidebar
  图 标:Icon
  注 释:note
  搜 索:search
  按 钮:btn
  登 录:login
  链 接:link
  信息框:manage
  ……

二、处理浏览器BUG问题
  关于这点,不知那位高人把CSS BUG变成顺口溜了!在这里引用一下,很容易记住的!
  1、IE边框若显若无,须注意,定是高度设置已忘记;
  2、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
  3、三像素文本慢移不必慌,高度设置帮你忙;
  4、兼容各个浏览须注意,默认设置行高可能是杀手;
  5、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
  6、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。

三、所有标签皆有源
  只是默认各不同,span是无极,无极生两仪?内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。

四、图片链接排版须小心
  图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。

五、IE浮动双边距
  请用display:inline。

六、列表横向排版
  列表代码须紧靠,空隙自消须铭记。

  DIC+CSS学习是一条很长的路,真正走下去必须要有一颗虔诚的新心!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿