web笔记.docx

1、“i”是“斜体（italic）”的意思。2、“hr”是“水平线（horizontal rule）”的意思。例5：该例在浏览器中将显示如下：-3、HTML中的空元素还包括ul、ol和li，这三个元素用于制作列表。ul代表“无序列表（unordered list）”，它的作用是为每个列表项显示一个粗点。ol代表“有序列表（ordered list）”，它的作用是显示每个列表项的序号。用元素把多个列表项组织为一个列表，其中的li代表“列表项（list item）。4、白色： #ffffff黑色： #000000红色： #ff0000兰色： #0000ff绿色： #00ff00黄色： #ffff00。属性href代表“超文本引用（hypertext reference）”5、有三种类型的图片文件可被插入网页中： GIF（Graphics Interchange Format，图形交换格式） JPG或JPEG（Joint Photographic Experts Group，联合图像专家组） PNG（Portable Network Graphics，可移植网络图像） 一般来说，GIP是图形和图画的最佳格式，而JPEG格式则更适合存放照片。原因有二：第一，GIF格式只支持256色，而JPEG格式支持数百万色；第二，GIF格式擅长于压缩简单图像，而JPEG则更适于压缩复杂图像。压缩率越高，图像文件就越小，页面加载速度就越快。4、Paint Shop Pro、PhotoShop或者Macromedia Fireworks，这三个是目前市场上最好的图像编辑软件。Irfan View5、块引用：使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。6、pre 标签很适合显示计算机代码，这是预格式文本。它保留了空格和换行。7、bdo标签支持文本方向设置，属性是dir，属性值为ltr、rtl。8、del为删除文本，ins为下划线文本9、“计算机输出”标签标签描述定义计算机代码。定义键盘码。定义计算机代码样本。定义打字机代码。定义变量。定义预格式文本。不赞成使用。使用 代替。不赞成使用。使用 代替。不赞成使用。使用 代替。引用、引用和术语定义标签描述定义缩写。定义首字母缩写。定义地址。定义文字方向。定义长的引用。定义短的引用语。定义引用、引证。定义一个定义项目。标签描述定义样式定义。定义资源引用。定义文档中的节或区域（块级）。定义文档中的行内的小块或区域。规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。定义基准字体。不赞成使用。请使用样式。对文本进行水平居中。不赞成使用。请使用样式。10、HTML 链接 - name 属性name 属性规定锚（anchor）的名称。您可以使用 name 属性创建 HTML 页面中的书签。书签不会以任何特殊方式显示，它对读者是不可见的。当使用命名锚（named anchors）时，我们可以创建直接跳至该命名锚（比如页面中某个小节）的链接，这样使用者就无需不停地滚动页面来寻找他们需要的信息了。命名锚的语法：锚（显示在页面上的文本）提示：锚的名称可以是任何你喜欢的名字。提示：您可以使用 id 属性来替代 name 属性，命名锚同样有效。实例首先，我们在 HTML 文档中对锚进行命名（创建一个书签）：基本的注意事项 - 有用的提示然后，我们在同一个文档中创建指向该锚的链接：有用的提示您也可以在其他页面中创建指向该锚的链接：有用的提示在上面的代码中，我们将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个命名锚了。CSS 单位长度单位例子说明pxfont-size : 12px;相对长度单位，与屏幕分辨率有关，如1024*768就是横着1024个像素单位emline-height: 2em;相对长度单位，相对于当前尺寸而言，若当前的文本未被设置，则采用浏览器默认exfont-size : 1.2ex;相对长度单位。相对于字符“x”的高度，此高度通常为字体尺寸的一半，若当前的文本未被设置，则采用浏览器默认pt1in = 2.54cm = 25.4mm = 72pt = 6pc绝对长度单位，点（Point）pc1in = 2.54cm = 25.4mm = 72pt = 6pc绝对长度单位，派卡（Pica）。相当于我国新四号铅字的尺寸in1in = 2.54cm = 25.4mm = 72pt = 6pc绝对长度单位，英寸（Inch）mm绝对长度单位，毫米（Millimeter）cm绝对长度单位。厘米（Centimeter）角度单位说明deg度，一个圆圈的360等分之一grad梯度，一个直角的100等分之一，一个圆圈相当于400gradrad弧度，把一个圆圈分成2*PI单位所有选择器基本选择器：1、通配符选择器：*，用来选择所有元素的，另一种是选择某个元素下的所有元素，如 #demo *，这意味着id为demo下的所有元素。2、元素选择器，又称标签选择器，是最常见最基本的选择器。3、类选择器，即classname，可以为元素设置多个class，如2,在应用CSS时，可以通过.important对这个元素进行样式设计，因为这个元素的class中包含了important这个属性值，同样，.active.important，中间没有空格与逗号时，这代表选择class值同时含有active与important这两个的元素，缺少一个属性值都无法选定要选的元素。当结合元素选择器时，p.items就表示所有class属性值为items的p标签的元素。4、id选择器，与类选择器类似，唯一不同的是，id的属性值只能设置一次，不能重复使用。5、后代选择器，（ E F ），意思就是E元素的所有F后代元素，这里不管是子元素还是孙元素或更深层次的关系，都将被选中。6、子元素选择器（ EF ）其中，E为父元素，F为子元素，F仅仅只是E的子元素而已，与后代选择器不同，选择地更细致、针对。7、相邻兄弟元素选择器（ E+F ），EF元素具有相同的父元素，而且，F元素跟在E元素后面，而且相邻。如.active+li 表示.active与后面相邻的li元素。8、通用兄弟选择器( EF)与上面的相似，.active li 表示.active后面的所有li元素。9、群组选择器，各个元素间用逗号隔开。属性选择器 Eattr是属性选择器中最基础的一种，如pid就可以选中所有具有id属性的p标签的元素。同样，也可以多属性选择，pidclass这样选中所有同时具有这两种属性的元素。 attr=valueEattr=value是指定了属性值“value”， Eattr=value属性选择器也可以多个属性并写，进一步缩小选择范围 Eattr=value如果你想根据属性值中的词列表的某个词来进行选择元素，那么就需要使用这种属性选择器：Eattr=value，这种属性选择器是属性值是一个或多个词列表，如果是列表时，他们需要用空格隔开，只要属性值中有一个value相匹配就可以选中该元素，而我们前面所讲的Eattr=value是属性值需要完全匹配才会被选中属性选择器中有波浪（）时属性值有value时就相匹配，没有波浪（）时属性值要完全是value时才匹配。4、Eattr=valueEattr=value属性选择器，指的是选择attr属性值以“value”开头的所有元素，5、attr$=value属性选择器刚好与Eattr=value选择器相反，Eattr$=value表示的是选择attr属性值以value结尾的所有元素6、Eattr*=value属性选择器表示的是选择attr属性值中包含子串value的所有元素。7、Eattr|=value是属性选择器中的最后一种，在说这个选择器使用之前先提醒大家attr后面的是一个竖线“”而不是l，小心搞错了。伪类选择器 动态伪类动态伪类，因为这些伪类并不存在于HTML中,而只有当用户和网站交互的时候才能体现出来，动态伪类包含两种，第一种是我们在链接中常看到的锚点伪类，如:link,:visited;另外一种被称作用户行为伪类，如“:hover”,:active和:focus。 :hover用于当用户把鼠标移动到元素上面时的效果； :active用于用户点击元素那一下的效果（正发生在点的那一下，松开鼠标左键此动作也就完成了） :focus用于元素成为焦点，这个经常用在表单元素上。 UI元素状态伪类我们把:enabled,:disabled,:checked伪类称为UI元素状态伪类，这些主要是针对于HTML中的Form元素操作，最常见的比如我们type=text有enable和disabled两种状态，前者为可写状态后者为不可状态；另外type=radio和type=checkbox有checked和unchecked两种状态。 CSS3的:nth选择器html5:视频：今天小试了HTML5里面的两个新标签，.,具体例子如下:您的浏览器不支持 video 标签。您的浏览器不支持 audio 标签。具体属性：autoplaytrue | false如果是 true，则视频在就绪后马上播放。controlstrue | false如果是 true，则向用户显示控件，比如播放按钮。endnumeric value定义播放器在视频流中的何处停止播放。默认地，声音会播放到结尾。heightpixels设置视频播放器的高度。loopendnumeric value定义在视频流中循环播放停止的位置，默认是 end 属性的值。l