菜鸟教程关于html的笔记：

1.字体标签：

<b> 与<i> 定义粗体或斜体文本。

<strong> 或者 <em>意味着你要呈现的文本是重要的，所以要突出显示；<small> 标签定义小型文本（和旁注）

<sub>定义下标字；<sup> 标签定义上标文本。上标文本将会显示在当前文本流中字符高度的一半为基准线的上方

<del>blue</del>：字中间删除线；<ins>red</ins>：文字下面下划线，在新插入文本下添加一条下划线。

cite 属性规定指向一个文档的 URL如：<ins cite="URL">绝对路径：http://baidu.com;指向网站；相对路径：example.html：指向网站中的一个页面；

<code>定义计算机代码；<kbd>键盘输入</kbd>：定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。；<var>变量</var>；<samp>计算机样本</samp>

在用<pre>标签格式化的文档段中使用空格，可以确保文本正确的水平位置。；<address>定义地址；<bdo>定义文字方向；<blockquote> 标签定义一段长引用。

• blockquote元素中一般嵌套p元素，用于标记被引用的文本，这些引用文本并不是直接位于blockquote元素中。
• 如果引文来自在线资源（包括自己网站中的其他地方），那么可以在<blockquote>标签的cite（引用）属性中指明原始来源的URL。
• 通常浏览器会把blockquote元素呈现为一段左右两侧缩进(40px)的文本。

<b> 的效果是加粗，<strong>(强调)的效果也是加粗，有什么区别吗？

查了一下资料发现：strong 是 web 标准中 xhtml 的标签，strong 的意思是 "强调"；b 是 html 的，b 的意思是 bold（粗体）。

overflow: scroll;如果元素中的内容超出了给定的宽度和高度属性，overflow 属性可以确定是否显示滚动条等行为。默认值是 visible：默认值。内容不会被修剪，会呈现在元素框之外

hidden：内容会被修剪，并且其余内容是不可见的auto：如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
text-overflow:ellipsis；显示省略符号来代表被修剪的文本。clip：修建文本，但没省略号，看起来像没消减。

属性display:box其子容器才可以进行划分(如果定了display:box则该容器则定义为了内联元素

-webkit-line-clamp: 2;限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性：display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。text-overflow，可以用来多行文本的情况下，用省略号“...”隐藏超出范围的文本 。

易忘的零散知识

2.关于链接：

在HTML文档中插入ID:

在HTML文档中创建一个链接到"有用的提示部分(id="tips"）"：

或者，从另一个页面创建一个链接到"有用的提示部分(id="tips"）"：

邮箱笔记：<a href="mailto:zhangrr601@163.com?subject=这是邮件的主题&body=这是邮件的内容" rel="nofollow">发送邮件</a>

Html+css:

问题1： 当鼠标不按边框的时候没有轮廓，当按上去的时候出轮廓，如想要鼠标按上轮廓消失？    用css样式：{ outline：none；}

问题2：边框有边框线，想让边框线四边消失？     用css样式：{ border：none；}

问题3：当想要背景图片显示在背景墙上且不重复和移动到相应的位置用css样式：{ background-image：url（/image/xx.jpg）; background-repeat:no-repeat; background-

position:13px(左)  15px;（上）}

问题4：在input里面添了border-redius属性，但鼠标点中，会有 原来的input正方形轮廓， 想要去除原来的input轮廓设置？   用css样式：{ border：1px red solid;} 

问题5：  textarea如何去掉右下角三角形图标？    用css样式：{ resize：none；}

javascript：

onblur=" $(this).val(‘请输入一句话...‘);" 和 onblur="if(this.value==‘‘){this.value=‘按店铺名称‘;}"  的作用是：

当鼠标放上去时，请输入消失，鼠标点到别处有出现

onfocus="$(this).val(‘‘);"   和  onfocus="if(this.value==‘*‘){this.value=‘‘;}" 的作用是：

得到焦点时如果值是*号则清空值

Html+css+javascrip实习随笔

原文：https://www.cnblogs.com/nwy2012/p/8358759.html