文档章节

NOTE:CSS

猪刚烈
 猪刚烈
发布于 2014/10/12 11:40
字数 482
阅读 8
收藏 0

2009-9-12

 

1.关于网页的几种常见布局:

 

 

固定宽度布局:Fixed Width,这种很常见,像新浪博客就是这种类型的。对于这种布局,在网页宽度上有这么个标准:

 

 

Many fixed-width designs are about 760 pixels widea good size for 800 x 600 screens (since you need to leave a little room for scrollbars and other parts of the browsers "chrome"). However, more and more sites (especially ones aimed at a more tech-savvy crowd) are about 950 pixels wide, on the assumption that visitors have at least 1024 x 768 monitors.

也就是:对于800*600的显示器,760个像素是比较不错的,对于1024*768的显示器,950个像素比较合适。

 

2.关于margin属性的参数问题:

3.关于absolute和relative:

relative在做位置偏移时,参考的原点坐标是自己的正常位置!注意:这个位置要受margin,padding这些元素的影响。

absolute做位移时一定要参考它的上级父容器,直至找到离他最近的带有position属性的父容器,然后以此父容器的原点为坐标原点进行位移。

如果没有找到,那参照的父容器就是<html>.

从实质上来讲,position的作用就是要把一个元素移到一个指定的位置!移动的关键是要找好参照的坐标原点。本质上讲,relative和absolute就是两种确定参照原点的方法。relative不管它的父窗口有没有被position过,它只是很“单纯”从它本来应该处的位置上进行移动。而absolute则是另外一套定位方法:它要找到一个被position过的父容器,以那个父容器为基准进行位移。这暗示:使用absolute的容器是要和被position过的父容器搭配使用的。从而联合构建一种忽略各元素间原本的位置关系而直接参照父容器进行布局的方法!

本文转载自:http://blog.csdn.net/bluishglc/article/details/4545158

共有 人打赏支持
猪刚烈
粉丝 22
博文 708
码字总数 110
作品 1
海淀
程序员
私信 提问
sass笔记-1|Sass是如何帮你又快又好地搞定CSS的

Sass学习笔记持续整理中,开篇不讲怎么安装,sass是什么,这些搜索引擎会告诉你,我们从sass的作用开始讲起,知道sass用来干什么,有什么作用,我们才能相信用sass的好处,并且时时刻刻想着s...

Stinson_Zhao
2016/11/29
377
0
AngularJS笔记3-- ng-show ng-class

ng-show / ng-hide 通过绑定一个布尔型的变量,显示或隐藏HTML元素。 当 note.assignee为 true ( 也可以是非空字符串·,非0数字,非空JS对象等)时,assignee所对应的span元素可见。 ng-cla...

奋斗的小芋头
2016/11/22
3
0
appendDom

This plugin allows for easier and more intuitive creation of dom elements. Examples Static List Dynamic List Dynamic Tables Loading Remote Javascript/CSS Assigning Event Handler......

匿名
2008/09/19
539
0
jDrawer

This plugin is creates a stylish drawer (slider) out of a list. jDrawer automatically calculates the height of the , the first and last children, the drawer dimensions, and much......

匿名
2008/09/19
661
0
CRS-4402(Doc ID 1212703.1)

In this Document Symptoms Changes Cause Solution Scalability RAC Community References APPLIES TO: Oracle Database - Enterprise Edition - Version 11.2.0.2 to 12.1.0.1 [Release 11......

Vimeo
2016/02/24
199
0

没有更多内容

加载失败,请刷新页面

加载更多

网站老被劫持快照跳转怎么办

最近很多公司的网站被劫持跳转到了bo彩、cai票网站上去,客户从百度点击进去会跳转,直接输入网站的域名不会跳转,网站快照也被劫持成bo彩的内容,site查看网站在百度的收录也出现问题,收录...

网站安全
16分钟前
4
0
给自己灌鸡汤

前言 看极客时间的《数据结构与算法之美》,中间有一篇文章是在说怎么坚持学习的,摘抄一些片段过来,激励自己。 https://time.geekbang.org/column/article/69607 致使你掉队的原因 一个人在...

grace_233
18分钟前
2
0
如何在网络视听行业建一扇内容安全大门?

在人工智能飞速发展的三年里,整个网络视听产业数字化发展速度非常迅猛。大数据作为如今这个时代的产物,正不断推动整个产业的发展。网络视听行业中存在海量的数据,比如视频内容、视频浏览量...

阿里云官方博客
27分钟前
2
0
云安全简史

课程介绍: DT时代我们每个人的生活在不知不觉中与云计算发生了千丝万缕的联系,起床、吃饭、出行、社交、工作、娱乐、购物等大多数应用都在云上,然而安全事件频发时刻在为我们敲响警钟,面对...

mcy0425
29分钟前
2
0
数字IT基础-数据采集总线

摘要: 日志服务是阿里自产自用的产品,在双十一、双十二和新春红包期间承载阿里云/蚂蚁全站、阿里电商板块、云上几千商家数据链路,每日处理来自百万节点几十PB数据,峰值流量达到每秒百GB,...

阿里云云栖社区
32分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部