大前端中的专业术语

本文详细介绍了前端开发中的各种专业术语,包括横切、留白、继承、图片定位等名词解释,以及文本格式化、表单表格、CSS布局、HTML5视频音频等方面的知识。还探讨了实际项目中的命名约定、前端常见专业名词、页面适配、渲染、同源和跨域策略,以及CDN的工作原理。内容全面,适合前端开发者学习和参考。
摘要由CSDN通过智能技术生成

一、名词解释

  1. 横切
    在固定页面的宽度(按栅格化进行)并且对高度没有限制的容器称为一个标准横切
  2. 留白
    两个容器或碎片之间的上、下、左、右的空白距离
  3. 继承
    元素可以从其父级元素中获得一些可为自己使用的属性或值。
  4. 图片定位
    把图片元素放置到一个静态的、相对的、绝对的、或固定的位置中,利用CSS中对图片进行遮罩属性,多用于页面中的修饰图
  5. 底图
    页面中在标签中使用的背景图
  6. 齐底
    (图线用于区分横切或碎片结束的线或图
  7. 页面结构
    页面的基础框架,由横切、布局元素组成
  8. 焦点区(图)
    最易注意的区域
  9. 导航
    在页面中具有导向性的链接集合
  10. 头图
    页面主题图片
  11. 间距
    碎片或文字间的距离
  12. 行高
    文字段落中行与行之间的距离
  13. 首行缩进
    文字段落首行缩进
  14. 浮动
    使被定义的区域脱离正常的页面文档流
  15. 碎片
    由文字、图片组合成的内容区域
  16. 通栏广告
    与页面内容区同宽的广告区域
  17. 功能按钮
    具有交互属性的按钮
  18. 私有样式
    当前页面独立使用的样式,不具备公用性
  19. 水平(垂直)居中
    在页面中的某个元素处于父级的上下或左右的相同距
  20. 标准头(尾)
    定义相同的页面头或尾元素集合

二.、文本格式化

  1. 段落:p
  2. 斜体:address(联系信息)em(强调)i(突出不同)cite(引用)dfn(首次定义术语)
  3. 粗体:strong(重要)b(提醒)
  4. 图片块:figure
  5. 引述文段,段落缩进:blockquote
  6. 背景颜色:mark
  7. 虚线下划线:abbr
  8. 上标下标:sub/sup
  9. 下划线:ins
  10. 删除线:del(标记已删除内容)s(标记不准确内容)
  11. 等宽字体:code
  12. 预格式化:pre
  13. 字号减小,表注释:small
  14. 时间:time
  15. 换行:br
  16. html5定义区块:
    • header
    • nav
    • article
    • section
    • aside
    • footer
    • div
    • span

三、表单表格

  1. 创建各种框: 注:text→password/url/tel/email Id:为了让对应的标签识别,添加CSS Name:为了让服务器和脚本识别,通常与id设为一样 Size:文本框大小Maxlength:能输入的最大字符数
    Pattern:正则表达式
  2. 单(多)选按钮:北京上海注:id各自唯一,name必须相同。checked:默认选择
  3. 下拉框:北京上海成都注:size:选择框的高度 multiple:允许多选 selected:默认选择用对选择框进行分组
  4. 上传文件:注:size:输入路径和文件名的字段的宽度
  5. 创建提交按钮:创建带图像的提交按钮:点击这里创建图像按钮:Submit→reset重置
  6. 文本区域:请在此输入字符

四、文本格式化

  1. {font:(斜体粗体小型大写字母)字体大小(必有) 行距字体集(必有);}
  2. 文本背景:{ background:#foc url()repeat-x scroll 0 0;}
  3. 字间距:word-spacing:12px;
  4. 字偶距:letter-spacing:12px;
  5. 缩进增加:text-indent:12px;<
  • 4
    点赞
  • 28
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值