有关网页排版div+css

1.有关fw的使用
fw:调出标尺:ctrl+alt+"R"
放大图片 :ctrl ++
缩小图片: ctrl --
切片工具为k
吸取颜色为i
放大镜的快捷键为z,按alt+z可以切换放大镜的大小
2.有关超链接 可以总结为love head 顺序不能变
a:link{} 链接的当前效果
a:visited{}鼠标点过后的效果
a:hover{} 鼠标滑过的效果
a:active{} 鼠标点那的效果
有超链接的都要用<a><img src=""></a>,如果使用背景图片则没有链接除非在dw里面加入热点
3.当出现div或者ul被挤没有的情况可以修改一下宽高或许可以控制,加边框会多出1,2像素,要把宽度和高度缩小
4.div的嵌套最好不要超过3层
5.有关浮动,浮动就是脱离当前的层,自己不独立占据一行,腾出位置给其他的div,
6.有关清楚浮动为clear:both;如果出现了2个div在同行可用清楚浮动,让这个div独占一行
7.css样式的引入有三种
《1》内部样式
<head>
<style></style>
</head>
《2》行内样式
<div style=""></div>
《3》外部样式
css以文件的形式存在只需在html里面引入
<head>
<link rel="stylesheet" type="text/css" href="style/index.css">
</head>

时间: 2024-08-27 13:44:56

有关网页排版div+css的相关文章

跟着传智播客学习asp.net之DIV+CSS

div+css详解 学习资料:韩顺平div+css视频.css禅意花园.别具光芒.csdn网页设计专栏.开源之祖sourceforeg.net.php开源大全 www.php.open.com Div+css (sascading style sheets:层叠样式表)是什么? 传统table布局缺点: 1. 显示样式和数据是绑定在一起的 2. 布局的时候灵活度不高 3. 一个页面可能会有大量的<table>元素,代码冗余 4. 增加带宽(200字节) 5. 搜索引擎不喜欢这样的布局 优点 1

HTML、DIV+CSS网页制作中排版混乱的几种常见的情况

对于Web前端初学者或者经验不够丰富的人来说,出现页面排版布局混乱的情况并不罕见,有时候明明前面部分的网页都很整齐美观,可是在接下来的部分中经常会出现网页布局混乱,比如content无法调整到开发者需要的位置,或者出现页面重叠的现象.以下内容是我个人在网页制作过程中关于网页排版混乱及其解决办法的一些经验总结,不足之处,希望大家互相补充学习. )DIV+CSS网页错位的原因与解决方法 常常我们会遇到我们要设置在一行显示的布局,却因为种种原因造成了错位,看到结果是在一行的最后一个盒子布局错位掉下去了

div+css是网页排版技巧_html/css_WEB-ITnose

div+css是网页排版技巧_html/css_WEB-ITnose 以下是兄弟连培训总结的一些技巧,留下备用,希望对看到的人有用~~ 1,ul:默认的ul的margin和padding不是0,如果在导航中用到了左浮动的li,往往会把外部的div撑大,导致页面变形,改成: ul{margin:0px; padding:0px;} 2.img:1.这里牵涉的不同浏览器的问题,ie6里显示的图片height总是要大于准确值,这里就需要我们记住下面这一点 img{ display:block}:2.页

DIV+CSS盒子模型之网页排版

DIV+CSS 1.div是HTML里的一个标签,起块级作用的标签,可以设置该块级元素的宽和高.css是对该块级元素的样式设定.盒子模型,形象的理解为一个个的盒子在网页里面,这是编写样式,就可以让盒子放在一定的位置上,并给这个盒子设定一定的样式. 2.看看下面这段代码. HTML: css: 浏览器中的效果: 盒子模型,宽高分别为 内容(content) 边框(border) 内边距(margin) 外边距(pandding).   盒子在组合上css就可以很快速的做出网页想达到的那种效果.排版

DIV+CSS 网页兼容性问题(IE6 IE7 IE8 IE9 火狐 chorm)

本文收集整理了IE7,6与Fireofx的CSS兼容性处理技巧,供大家参考. CSS兼容常用技巧 请尽量用xhtml格式写代码,而且DOCTYPE影响 CSS 处理,作为W3C标准,一定要加DOCTYPE声明. 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不要换行 http://www.php100.com 2. margin加倍的问题 设置为float的

SEO为什么要求网页设计师用DIV+CSS布局网页?

通常情况下,SEOer非常喜欢把一个网站做到最细节,在网页设计方面,有时与设计师沟通时,通常会问到:SEO为什么要求网页设计师用DIV+CSS布局网页?有什么好处之类的问题,其实SEO们考虑的问题就是如何让网页的内容更好的让搜索引擎抓取网页的内容,更容易评估网页内容的质量,这样有利于排名.这是SEO们的最基本的目的,当然CSS+DIV的好处并不局限于此,以下为详细的分析: SEO主要就是通过对网站的结构,标签,排版等各方面的优化,使Google等搜索引擎更容易搜索网站的内容,并且让网站的各个网页

DIV CSS 网页兼容全搞定 (IE6 IE7 IE8 IE9 火狐 谷歌)

CSS兼容常用技巧 请尽量用xhtml格式写代码,而且DOCTYPE影响 CSS 处理,作为W3C标准,一定要加DOCTYPE声明. 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不要换行 http://www.php100.com 2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍.这是一个ie6都存在的bug.解决方案

初学者用div+css结构写网页的几个误区

1.用div+css结构制作静态html网页不等于彻底抛弃古老的table写法.之所以不建议用table来布局网页是因为在网页加载很慢的时候要等table结构加载完成才能看到网页,其次是table的布局没有一定的语义,网页代码修改起来比较麻烦. 在写一些栏目块时,特别是数据分类较多,比如“求购信息”的栏目块,顶部可能出现“发布人.发布时间.信息标题.联系方式”等项目,像这样的地方建议还是要用table来写,因为table是专门用来写数据表格的,控制起来很方便,而且符合语义要求,还有页面中出现类似

DIV+CSS网页布局常用的一些基础知识整理

CSS命名规范一.文件命名规范 全局样式:global.css:框架布局:layout.css:字体样式:font.css:链接样式:link.css:打印样式:print.css: 二.常用类/ID命名规范页 眉:header内 容:content容 器:container页 脚:footer 版 权:copyright 导 航:menu主导航:mainMenu子导航:subMenu 标 志:logo标 语:banner标 题:title侧边栏:sidebar 图 标:Icon注 释:note