7-11学习HTML篇

1.  调用dialog的close方法关闭dialog
      $('#Form').dialog('close');
   

2.   字体：font-style：italic；斜体

           font-weight：bold；加粗

           font-size：30px；大小

           line-height：30px；行高

           font-family：“SimHei”；字体

3.     div的边框虚线样式：dashed
          边框实现样式：solid

4.     $(this).draggable('options').cursor = 'not-allowed';意思是拖动option元素时，cursor再赋予一个css 样式

5.     块元素和内联元素的区别：

•  块元素如<div>会产生一个新的行；块元素可以包含内联元素或某些块元素，比如<div>可以包含<p>，<p>包含<a>也是对的
•  内联元素如<span>不会产生新的一行；内联元素不可以包含块元素，只能包含其他内联元素，比如<a href="#"> <h2>这样是错误的用法！</h2></a>

----------------------------------------------------------------------------------------------------

jQuery的学习：

1.拖动（draggable）：通过鼠标点击并在视区中拖动来移动 draggable 对象。

     自动滚动：  当 draggable 移动到视区外时自动滚动文档。设置 scroll 选项为 true 来启用自动滚动，当滚动触发时进行微调，滚动速度是通过 scrollSensitivity 和 scrollSpeed 选项设置的

     约束运动：  通过定义 draggable 区域的边界来约束每个 draggable 的运动。设置 axis 选项来限制 draggable 的路径为 x 轴或者 y 轴，或者使用 containment选项来指定一个父级的 DOM 元素或者一个 jQuery 选择器，比如 'document.'。

     光标样式：  当拖拽对象时定位光标。默认情况下，光标是出现在被拖拽对象的中间。使用 cursorAt 选项来指定相对于 draggable 的另一个位置（指定一个相对于 top、right、bottom、left 的像素值）。通过提供一个带有有效的 CSS 光标值的 cursor 选项，来自定义光标的外观。有效的 CSS 光标值包括：default、move、pointer、crosshair，等等。

      延迟开始：  通过 delay 选项设置延迟开始拖拽的毫秒数。通过 distance 选项设置光标被按下且拖拽指定像素后才允许拖拽。