前端常用词汇(求一箭三联)

HTML部分

一、html结构部分单词

  1. html: (Hyper Text Markup Language)超文本标记语言
  2. DOCTYPE:(Document Type)文档类型
  3. lang:(language)语言
  4. head:头
  5. body:身体
  6. meta:用于声明关键词
  7. charset:字符集
  8. title:标题
  9. name:名字
  10. content:内容
  11. initial-scale:初始缩放比例

二、常规标签和单词示意

  1. font:字体
  2. size:大小
  3. h:(headline)标题
  4. p:(paragraph)段落
  5. br:(break)换行
  6. hr:(horizon)水平分割线
  7. b:(bold)粗体
  8. strong:强壮
  9. i:(incline)倾斜
  10. em:斜体
  11. small:小
  12. big:大
  13. u:(underline)下划线
  14. del:(delete)删除线
  15. sub:(subscript)下标
  16. sup:(superscript)上标
  17. span:常用内联容器
  18. div:常用块级容器
  19. nav:(navigator)导航栏
  20. main:主体部分
  21. section:部分、单元
  22. article:文章
  23. aside:边栏
  24. a:(adress)链接地址
  25. href:(hypertext reference)超文本引用
  26. target:目标
  27. img:(image)图片
  28. src:(source)资源
  29. alt:提示文字
  30. width:宽度
  31. height:高度
  32. audio: 音频
  33. autoplay:自动播放
  34. controls:控制
  35. loop:循环
  36. muted:静音
  37. preload:预加载
  38. video:视频
  39. poster:海报
  40. source:资源
  41. type:类型
  42. style:样式
  43. li:(list)列表
  44. ul:(unordered list)无序列表
  45. ol:(ordered list)有序列表
  46. dl:(definition list)定义列表
  47. dt:(definition list title)定义列表标题
  48. dd:(definition list deta)定义列表数据单元格
  49. table:表格
  50. tr:(table row)表格行
  51. td:(table deta)表格数据单元格
  52. th:(table head)表格头部单元格
  53. thead:(table head)表格头部
  54. tbody:(table body)表格身体
  55. tfoot:(table foot)表格尾部
  56. caption:表格标题
  57. cellpadding:单元格内边距
  58. cellspacing:单元格间距
  59. border:边框线
  60. align:排列
  61. bgcolor:(background color)背景颜色
  62. summary:摘要
  63. colspan:跨列合并
  64. rowspan:跨行合并
  65. form:表单
  66. input:输入
  67. action:活动
  68. enctype:编码方式、编码类型
  69. method:方法、方式
  70. text:普通文本
  71. password:密码
  72. submit:提交
  73. buttom:按钮
  74. reset:重置
  75. radio:单选框
  76. checkbox:复选框
  77. file:文件
  78. hidden:隐藏
  79. color:颜色
  80. date:日期
  81. local:当地的
  82. month:月
  83. week:周
  84. time:时间
  85. email:电子邮箱
  86. number:数字
  87. range:范围
  88. search:搜索
  89. tel:(telephone)电话
  90. url:网址
  91. value:值、价值
  92. placeholder:占位符
  93. maxlength:最大长度
  94. readonly:只读
  95. disable:禁用
  96. checked:检查
  97. select:选择
  98. autofocus:自动聚焦
  99. multiple:多样的、多选
  100. option:选项
  101. textarea:文本域
  102. lable:标签、不干胶
  103. iframe:内嵌框架、内联框架
  104. scolling:卷动
  105. frameset:框架集
  106. resize:重置大小

CSS部分

  • 常见单词属性和属性词单词示意
  1. css:(cascading style sheets)层叠样式表
  2. content:内容
  3. structure:结构
  4. presentation:表现
  5. behavior:行为
  6. selector:选择器
  7. property:属性
  8. class:类选择器、班级、类
  9. id:(identity)身份
  10. link:链接
  11. visited:浏览、访问
  12. hover:盘旋
  13. active:激活
  14. focus:聚焦
  15. after:在……之后
  16. before:在……之前
  17. target:目标
  18. child:子
  19. first:第一个的
  20. last:最后一个的
  21. nth:第n个的
  22. only:唯一
  23. type:类型
  24. empty:空
  25. not:表否定
  26. letter:字母
  27. line:行
  28. font-family:文字字体
  29. absolute:绝对的
  30. relative:相对的
  31. length:长度
  32. em:相对于父对象内文本的字体尺寸
  33. px:(pixed)像素
  34. rem:(root em)相对于根标签内文本的字体尺寸
  35. font-weight:字体厚重度
  36. normal:正常字体400
  37. bold:粗体700
  38. bolder:超级粗体900
  39. lighter:细体
  40. font-style:字体样式
  41. italic:斜体
  42. oblique:斜的
  43. line-height:行高
  44. red:红色
  45. orange:橙色
  46. yellow:黄色
  47. green:绿色
  48. blue:蓝色
  49. purple:紫色
  50. light:亮
  51. dark:暗
  52. white:白色
  53. black:黑色
  54. rgba:(red-green-blue-apparent)红绿蓝透明
  55. text-transform:文本转换
  56. capitalize:以大写字母开头
  57. uppercase:全部转为大写
  58. lowercase:全部转为小写
  59. text-decoration:文本装饰线
  60. underline:下划线
  61. blink:闪烁
  62. overline:上划线
  63. line-through:贯穿线
  64. letter-spacing:字间距
  65. word-spacing:词间距
  66. text-align:文本水平对齐
  67. left:左
  68. center:居中
  69. right:右
  70. vertical-align:垂直对齐
  71. baseline:底线
  72. top:上
  73. middle:中
  74. bottom:下
  75. text-indent:文本缩进
  76. white-space:空格
  77. pre:用等宽字体显示预先格式化的文本
  78. nowrap:不包裹、强制在同一行内显示所有文本
  79. text-overflow:文本溢出
  80. clip:修剪
  81. ellipsis:省略
  82. text-shadow:文本阴影
  83. word-wrap:自动换行
  84. break:打断
  85. background:背景
  86. transparent:背景色透明
  87. repeat:平铺
  88. position:位置、定位
  89. attachment:属性
  90. scroll:滚动条
  91. fixed:固定
  92. background-origin:背景起点
  93. background-clip:背景剪裁
  94. margin:外边距
  95. padding:内边距
  96. border-radius:圆角边框
  97. box-sizing:盒子模型
  98. content-box:标准盒子模型
  99. border-box:怪异盒子模型
  100. list:列表
  101. disc:实心圆
  102. circle:空心圆
  103. square:方块
  104. decimal:阿拉伯数字
  105. lower-roman:小写罗马数字
  106. upper-roman:大写罗马数字
  107. lower-alpha:小写英文字母
  108. upper-alpha:大写英文字母
  109. outside:外面
  110. inside:里面
  111. collapse:折叠
  112. separate:分离
  113. cursor:光标
  114. hand:手
  115. crosshair:十字丝
  116. wait:等待
  117. default:默认
  118. help:帮助
  119. float:漂浮
  120. overflow:溢出
  121. display:显示
  122. clear:清除
  123. block:块
  124. inline:行内
  125. index:指数
  126. sprites:精灵

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

栈狮

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值