网页设计学习笔记

摘要： 在处理网页时，浏览器将一个元素放置在哪里，首先需要看该元素的显示类型。主要的类型有块级元素(block)和内联元素(inline)两种。块级元素默认将会单独一行显示，且宽度是其所在容器的100%。而内联元素和其它元素在同一行显示，其大小由里面的内容确定，不能指定。各种元素的默认显示类型都是不一样的，比如 div 元素是块级元素，而 span 是内联元素。如果需要改变显示类型，可以在CSS中用 display: block; 或 display: inline; 来改变。块级元素比如 div 的位置可以有更加自由的调整。首先，可以使用浮动(float)属性将它和其它元素在同一行显示。float 阅读全文

摘要： 网页中元素的大小和边距，主要由 width, height, margin, border, padding 这些属性来设置。width 和 height 是指的宽度和高度，可以设置为度量长度，比例长度或者自动(auto)。例如：<div id="one" style="width:120px; height:80px">hello one</div><div id="two" style="width:12%; height:8%">hello two</div> 阅读全文

摘要： 制作网页时首先遇到的经常就是各种长度单位的问题，现在总结一下。点（point），有时翻译为磅，简写为pt，是绝对长度的单位，规定1英寸等于72点，即1in = 72pt。像素（pixel），简写为px，经常说的屏幕分辨率就是用这个单位来衡量的。px 是相对长度的单位，实际的长度由下面的 DPI 决定。DPI（dots per inch）或者 PPI（pixels per inch），每英寸的像素数目，即 1in = DPI px。DPI 可以在操作系统里设置，在 Windows 中默认 DPI 为96，也可以改为 120，在 MacOS 中默认 DPI 为 72。因此我们就有 1px = 1p 阅读全文

摘要： 制作网页时首先遇到的经常就是各种长度单位的问题，现在总结一下。点（point），有时翻译为磅，简写为pt，是绝对长度的单位，规定1英寸等于72点，即1in = 72pt。像素（pixel），简写为px，经常说的屏幕分辨率就是用这个单位来衡量的。px 是相对长度的单位，实际的长度由下面的 DPI 决定。DPI（dots per inch）或者 PPI（pixels per inch），每英寸的像素数目，即 1in = DPI px。DPI 可以在操作系统里设置，在 Windows 中默认 DPI 为96，也可以改为 120，在 MacOS 中默认 DPI 为 72。因此我们就有 1px = 1p 阅读全文