CSS常见页面布局词汇(84个)

  • Post author:
  • Post category:其他




常见页面布局词汇

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



版权声明:本文为hanbing1307原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。