网页设计与布局核心要素详解
本文深入探讨了网页设计中的关键概念，包括HTML注释、CSS注释、文档流、宽度与高度单位、替代文本、背景图片插入、浮动、显示属性、弹性布局、定位策略及提示文本的使用。通过理解这些元素，开发者可以更有效地创建美观且功能丰富的网页。
html注释：<!— —>
css注释：/* */
html文档流：从上到下，从左到右，遇到块级元素换行。
width height 默认单位 px 像素
alt 代替文本（无法显示图片，屏幕阅读器）
插入背景图片，图片按照代码编写的顺序往后排列，即最后插入的在最底层。
float 浮动，相对于下一个元素向左或向右
display:
block 作为块元素显示，前后带有换行符
inline 显示为内联元素，前后没有换行符
inline-block 行内块元素
块级元素：占据一定矩形空间，可设置宽度，高度，内外边距等来调整这个矩形。
行内元素：没有自己的独立空间，依附于其他块级元素存在，设置宽，高等无效。
弹性布局em：相对于父元素的font-size，用户改变了浏览器字体后不会页面崩溃。
position:
absolute 没有设定TRBL则以父元素的坐标为始点，设定TRBL后根据浏览器的左上角作为原始点。
relative 相对于元素本身在文档中应该出现的位置来移动元素。
title 鼠标移到元素上显示的提示文本
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
