网页设计:CSS布局的注意事项
当前位置:贝知网>知识分享>设计开发>网页设计:CSS布局的注意事项
网页设计:CSS布局的注意事项
时间:2022-12-16 设计开发

网页设计:CSS布局的注意事项

网页设计:CSS布局的注意事项

在网页设计中采用CSS布局时,经常会有被遗忘或者有些细节的东西没有注意到,而导致了终的错误,那CSS布局的注意事项有哪些呢?小编认为唯有知道CSS布局的注意事项才能避免一些问题的发生。

1、确定错误发生的位置

如果错误影响了整体布局,则可以逐个删除div块,直到删除某个div块后显示恢复正常,即可确定错误发生的位置。

2、检查CSS是否正确

检查一下有无拼写错误、是否忘记结尾的}等。可以利用CleanCSS来检查CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。

3、利用border属性确定出错元素的布局特性

4、检查HTML元素是否有拼写错误是否忘记结束标记即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。

使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界,错误原因即水落石出。

5、是否重设了默认的样式?

某些属性如margin、padding等,不同浏览器会有不同的解释。因此比较好在开发前首先将全体的margin、padding设置为0、列表样式设置为none等。

6、是否忘记了写DTD

如果无论怎样调整不同浏览器显示结果还是不一样,那么可以检查一下页面开头。

7、float元素的父元素不能指定clear属性

MacIE下如果对float的元素的父元素使用clear属性,周围的float元素布局就会混乱。这是MacIE的知名的bug,倘若不知道就会走弯路。

8、float元素务必指定width属性

很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何,一定要为其指定width属性。

凡是涉及到代码的问题,只要一不小心就会犯错,就算一个字母的问题,也会一起一系列的问题,所以小编建议我们在使用CSS布局时,一定要注意哦!

怎样缩小网页

打开浏览器的功能菜单,里面一般都会有缩放网页的设置,在菜单里面缩放后一般你会发现在网址栏尾部出现一个放大镜,这个时候你就可以直接点击这个放大镜进行网页缩放了。下面介绍怎样缩小网页,希望可以为您带来帮助。

打开浏览器,这里以搜狗浏览器为例,其他浏览器的操作也是类似的。

找到右上角的【查看】,然后点击【查看】。

找到【网页缩放】后,点击【网页缩放】。

选择自己需要的缩放比例,小了就调大,大了就调小。

如何缩小和放大网页

打开浏览器的功能菜单,里面一般都会有缩放网页的设置。这个菜单键各个浏览器都是不一样的,一般是横着或者竖着的三个点,或者就是一个齿轮状的设置按钮的样子。

在菜单里面缩放后一般你会发现在网址栏尾部出现一个放大镜,这个时候你就可以直接点击这个放大镜进行网页缩放了。

点击这个放大镜后再点击“+”或者“-”进行网页缩放。

还有一个快捷方法就是:ctrl+鼠标滚轮。按住ctrl键,然后同时滑动鼠标滚轮。往上滑就是放大网页,往下滑就是缩小网页。

以win10 EDGE浏览器为例,EDGE浏览器的功能菜单键是横着的三个点。

再以IE浏览器为例,IE浏览器的功能菜单就是一个齿轮状设置按钮的样子。

网页缩小了怎么还原

第一种方法:按住电脑健盘上的CTRL键盘不松开,然后再按电脑键盘最右边的“+”加号或“-”减号即可进行调整了。按住CTRL不放再按“-”减号键的话,就缩小,反之按“+”加号键是放大。这种方法的缺点是要靠肉眼确认是恢复为默认的正常值。

第二种方法:打开IE即浏览器,随便打开一个网页,然后点击浏览器右上角处的“页面(p)”----在弹出的菜单中选择"缩放"-----然后再选择"100%"-----ok了。这种方法的优点是易确认网页显示的大小默认值,即100%。

第三种方法:就是按住电脑键盘的最左下角的“CTRL”键不放然后滚动鼠标上滚轮,向上滚是放大,向下滚是缩小。这种方法的缺点是要靠肉眼确认是恢复为默认的正常值。

如何用快捷键调整电脑页面或者网页大小

首先要分清情况,看是网页还是电脑页面,其次记住二者通用的快捷键即ctrl+鼠标滚轮。

滚轮向前放大页面,向后为缩小页面,针对网页的快捷键,还有按住ctrl不放,同时按加或者减号键。

这样也可以放缩页面,如果想恢复原来的页面大小,那么快捷键是ctrl+0。

针对电脑的方法还有使用电脑自带的放大镜,适用于所有的当前页面,快捷键是Windows+符号“+”来实现。

这样就会弹出一个对话窗口,根据这个对话窗口,可以自己调整大小,恢复原态的放大镜,则使用快捷键Windows+符号“—”,再点击关闭。