CSS常见页面布局词汇（84个）

常见页面布局词汇           

            1、头部/页眉：header

            2、首页/索引：index

            3、标志：logo

            4、导航/子导航：nav/sub_nav

            5、横幅广告：banner

            6、主体/内容：main/content

            7、容器：container/con

            8、包裹（类似container）：wrapper/wrap

            9、菜单：menu

            10、子菜单/二级菜单：sub_menu/second_menu

            11、列表：list

            12、分区/分块（类似于div）：section

            13、文章：article

            14、侧边栏/广告：aside

            15、页脚/底部：footer

            16、标题/副标题：title/sub_title

            17、新闻：news

            18、热点：hot

            19、产品（product）：pro

            20、公司：company

            21、信息（message）/消息：msg、info

            22、广告（advertisement）：ads

            23、小图标：icon

            24、图片（image）：img

            25、版权：copyright

            26、联系我们：contact_us

            27、友情链接：friend_link

            28、联系电话（telephone）：tel

            29、地址：address

            30、空格：&nbsp

            31、换行（文字末尾添加）：<br/>

            32、CSS样式：style

            33、JS样式：script

            34、背景：background

            35、颜色渐变：background: -webkit-gradient

            36、位置/定位：position

            37、相对定位/绝对定位/固定定位：relative/absolute/fixed

            38、浮动：float

            39、清除：clear

            40、垂直居中/上/下：vertical-align:middle/top/bottom

            41、行高：line-height

            42、外边距：margin

            43、内边距：padding

            44、边框：border

            45、实线/虚线/点虚线：solid/dashed/dotted

            46、圆角：border-radius

            47、阴影：shadow

            48、展示：display

            49、隐藏：hidden

            50、块元素/行内块：block/inline-block

            51、溢出：overflow

            52、光标：cursor

            53、鼠标移上变为小手：cursor:pointer

            54、动画：animation

            55、雪碧图/图片精灵：css sprites

            56、分列：column

            57、弹性（布局）：flex

            58、表单：form

            59、表格：table

            60、行为：action

            61、方式/方法：method

            62、输入框：input

            63、标签：label

            64、密码：password

            65、单选框：radio

            66、复选框（多选框）：checkbox

            67、按钮(button):btn

            68、提交/重置：submit/reset

            69、文本域：textarea

            70、选择框/选择项：select/option

            71、占位符（起提示作用）：placeholder

            72、搜索：search

            73、自动聚焦：autofocus

            74、禁用：disabled

            75、选用（单选框/复选框）：checked

            76、默认选择性（下拉框）：selected

            77、必填项：required

            78、只读：readonly

            79、表格标题/主体/底部：thead/tbody/tfoot

            80、跨列：colspan

            81、跨行：rowspan

            82、单元格间距（类似于margin）：cellspacing

            83、单元格边距（类似于padding）：cellpadding

            84、边框合并（用于table上）：border-collapse:collapse