CSS-笔记


border与outline的区别

border 可应用于几乎所有有形的html元素,而 outline 是针对链接、表单控件和ImageMap等元素设计。从而另一个区别也可以推理出,那就是: outline 的效果将随元素的 focus 而自动出现,相应的由 blur 而自动消失。这些都是浏览器的默认行为,无需JavaScript配合CSS来控制。
另外一个区别就是: outline 不会象border那样影响元素的尺寸或者位置。


text-size-adjust

iPhone 和 Android 的浏览器纵向 (Portrate mode) 和橫向 (Landscape mode) 模式皆有自动调整字体大小的功能。控制它的就是 CSS 中的 -webkit-text-size-adjust。
text-size-adjust 设为 none 或者 100% 关闭字体大小自动调整功能.


viewport

(图片来自慕课网)

CSS-笔记_第1张图片
CSS-笔记_第2张图片
CSS-笔记_第3张图片
CSS-笔记_第4张图片

Pixel像素基础

(图片来自慕课网)


CSS-笔记_第5张图片

你可能感兴趣的:(CSS-笔记)