HTML/CSS必备单词

时间:2022-06-26 15:21:20 类型:HTML/CSS
字号:    

HTML,CSS本身是一门非常简单的语言,主要就是几个标签及一些属性修饰,稍微难点的就是我们必须知道的一些英文单词,比如如下:


  1. img:  image的缩写(图片)  网页上代表一张图片

  2. src:  source的缩写(资源) 网页上是指要被调用的图片,文件的位置

  3. alt:  alternative的缩写(可供替代的) 当图片显示不出来时则显示alt的文字信息

  4. title:  标题  当图片正常加载显示,鼠标放到图片上时显示的文本内容

  5. style:  风格,样式, 比如修饰不同的颜色,大小,边框等等

  6. width:  宽  比如:width:200px; 宽:200像素

  7. height: 高  比如:height:200px; 高:200像素

  8. border:  边框  理解为相框的边界  比如: border:10px solid red;   边框宽度:10px 的红色边框  
      solid: 连续的,实心的  dashed: 虚线


    border-radius: 边框圆角


  9. 方向单词: left : 靠左 right: 靠右 center: 居中 top: 顶部 bottom: 底部

  10. a : 超级链接
    href: 链接到哪里, 点击跳转到哪里

  11. target: 目标
    target="_blank" 在浏览器新窗口打开文档

  12. 字体修饰属性:
    1, font-size: 14px; 字体大小 14px
    2, font-weight: bold; 字体加粗
    3, color: red;      字体颜色 红色
    4, text-decoration: underline; 文本修饰,显示下划线
    5, text-decoration: none;      文本修饰,无下划线  
    6, text-decoration: line-through;      文本修饰,加删除线
    7, font-family:'微软雅黑';   指定使用什么字体,比如宋体,黑体等
    8, line-height: 30px; line-height:行高 一行文字占的高度 30px
                   常用于两个地方:单行垂直居中  设置height = line-height
                   段落中多行字体之间的间隔 9, text-indent: 2em   文本缩进 10. text-align: 文本对齐

  13. background: 背景
    background-color: 背景颜色
    repeat :  平铺  重复
    no-repeat: 不平铺

  14. padding: 内边距  衬垫,填充的空白
    margin:  外边距  页边空白

  15. float:   浮动,飘动   像一条鱼在池塘中游到左边,或者右边

  16. clear:  both;  清除两边的浮动  像一个挡板把上下隔开,导致上下两边的鱼不能互相聊天

  17. static:   静态
    relative: 相对   参照物: static时的位置
    absolue:  绝对   参照物: 第一个父级relative的父级元素
    fixed  :  固定的 对照物: 浏览器

<