博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
网页标签介绍,行级、块级元素,选择器的知识点, HTML的6种空格
阅读量:2231 次
发布时间:2019-05-09

本文共 2294 字,大约阅读时间需要 7 分钟。


网页标签介绍

 lang="en,zh":告诉搜索引擎爬虫,我们的网站是关于什么内容的
  ---> 空格< ---> <小于符号> ---> >大于符号
---> 回车换行符

---> 横线
// reversed:逆序排列// start:在ol li中应用,从第四个开始排序,1/a/A/i/I中start中都是用数字表示第几个开始排序
// src:图片的路径// alt:图片占位符(当图片不能加载是在网页中提示该图片是什么)// title:图片提示符(当鼠标放到图片上时会出现该图片的介绍信息)这是某某
// 超链接,target中可调属性在另外一页打开本链接// 锚链接,href里面的是id名称,可以用来置顶名称// 在用手机浏览时点该链接会对相应的号码进行拨打给我打电话// 在浏览时点该链接会进入邮箱对相应的目标邮箱发送邮件给我发邮件// 协议限定符,可以强制运行a标签里面的JavaScript代码
// onfocus作用是当鼠标聚焦到输入框时value里面的提示消失,如果输入框里面有输入文字则当重新聚焦时则不会清除里面的内容// this.style.color=’red’是输入文字的文字颜色// onblur作用是当鼠标点击其他地方失去焦点时value里面的提示显示,如果输入框里面有内容则不会显示提示信息// this.style.color='#999'是提示框的文字颜色
// checked作用是默认选中,也可用于多选框中

行级,块级元素

行级元素  inline:内容决定元素所占位置,不可通过css改变宽高span  strong  em  a  del块级元素  block:独占一行,可通过css改变宽高div  p  ul  li  ol  form  address行级块元素  inline-block:内容决定大小,可以改变宽高display:inline|block|inline-block凡是带有inline的元素都有文字特性   如:imgimgimg这三张图片中间有4像素的空隙解决方法:1.把img写成一行:         2.用css代码:img{margin-left:-4px;}

选择器的知识点

!important > 行间样式 > id选择器 > class|属性选择器 > 标签选择器 > 通配符(*)CSS权重:可比较选择器的优先级!important                        Infinity(正无穷)行间样式                           1000(256进制)id                                100(256进制)class|属性选择器|伪劣选择器         10(256进制)标签选择器|伪元素选择器             1(256进制)通配符选择器                       0(256进制)

 HTML的6种空格

  非断行空格(&nbsp;)是常规空格的宽度,可运行于所有主流浏览器。其它几种空格(&ensp; &emsp; &thinsp; &zwnj; &zwj;)在不同浏览器中宽度各异。

  &nbsp;【不换行空格】全称为No-Break Space,它是最常见且使用最多的空格,是按下space键产生的空格。在HTML中,如果用空格键产生此空格,空格是不会累加的(只算1个)。要使用html实体表示才可累加,该空格占据宽度受字体影响明显而强烈。
  &ensp;【半角空格】全称是En-Space,en是字体排印学的计量单位,为em宽度的一半。根据定义,它等同于字体宽度的一半(如16px字体中就是8px)。名义上是小写字母n的宽度。此空格传承了空格家族一贯的特性:空格颜色透明,此空格有个相当稳健的特性,即其占据的宽度正好是1/2个中文字符宽度,而且基本上不受字体影响。
  &emsp;【全角空格】全称是Em-Space,em是字体排印学的计量单位,相当于当前指定的点数。例如 1em 在16px的字体中就是16px。此空格也传承空格家族一贯的特性:空格颜色透明,此空格特性也相当稳健,即其占据的宽度正好是1个中文字符宽度,而且基本上不受字体影响。
  &thinsp【窄空格】全称是Thin-Space,我们不妨称之为“瘦弱的空格”,即该空格长得比较瘦弱,身体单薄,占据的宽度比较小,是 em 宽度的六分之一。
  &zwnj【零宽不连字】全称是Zero Width Non Joiner,简称“ZWNJ”,不打印字符,放在电子文本的两个字符之间,抑制本来会发生的连字,而是以这两个字符原本的字形来绘制。Unicode中的零宽不连字字符映射为(zero width non-joiner,U+200C),HTML字符值引用为&#8204;。
  &zwj;【零宽连字】全称是Zero Width Joiner,简称“ZWJ”,不打印字符,放在某些需要复杂排版语言(如阿拉伯语、印地语)的两个字符之间,使得这两个原本不会发生连字的字符产生了连字效果。零宽连字符的Unicode码位是U+200D (HTML字符值引用为&#8205; &zwj;)。
  此外,浏览器还会把以下字符当作空白进行解析:空格&#x0020; 制表位&#x0009; 换行&#x000A; 和回车&#x000D; 还有&#12288;

转载地址:http://uxubb.baihongyu.com/

你可能感兴趣的文章
Play on Words UVA - 10129 (欧拉路径)
查看>>
mininet+floodlight搭建sdn环境并创建简答topo
查看>>
【linux】nohup和&的作用
查看>>
Set、WeakSet、Map以及WeakMap结构基本知识点
查看>>
【NLP学习笔记】(一)Gensim基本使用方法
查看>>
【NLP学习笔记】(二)gensim使用之Topics and Transformations
查看>>
【深度学习】LSTM的架构及公式
查看>>
【python】re模块常用方法
查看>>
剑指offer 19.二叉树的镜像
查看>>
剑指offer 20.顺时针打印矩阵
查看>>
剑指offer 21.包含min函数的栈
查看>>
剑指offer 23.从上往下打印二叉树
查看>>
Leetcode C++《热题 Hot 100-18》538.把二叉搜索树转换为累加树
查看>>
Leetcode C++《热题 Hot 100-21》581.最短无序连续子数组
查看>>
Leetcode C++《热题 Hot 100-22》2.两数相加
查看>>
Leetcode C++《热题 Hot 100-23》3.无重复字符的最长子串
查看>>
Leetcode C++《热题 Hot 100-24》5.最长回文子串
查看>>
Leetcode C++《热题 Hot 100-28》19.删除链表的倒数第N个节点
查看>>
Leetcode C++《热题 Hot 100-29》22.括号生成
查看>>
阿里云《云原生》公开课笔记 第二章 容器基本概念
查看>>