个人html和css知识总结

港控/mmm° 2022-06-06 03:25 223阅读 0赞

1.<em>....</em>    强调内容，斜体表示。

2.元素=标记开始+内容+标记结束

3.CSS使用层叠（Cascade）的原则来考虑继承、层叠次序和优先级等重要特征，从而判断相互冲突的规则中哪个规则应该起作用。   
继承性是指，许多CSS的样式规则不但影响选择器所定义的元素，而且会被这些元素的后代继承。   
层叠性是指，当一个Web页面使用多个样式表，多个样式表中的样式可层叠为一个。在多个样式表之间所定义的样式没有冲突的时候，浏览器会显示所有的样式。   
优先级是指，当发生样式定义冲突时，浏览器首先会按照不同样式规则的优先级来应用样式。   
CSS 样式的优先级如下所示（其中数字3拥有最高的优先权）：

1.  浏览器缺省设置；
2.  外部样式表（.css 文件）
3.  内部样式表（位于元素head内部）；
4.  内联样式（作为某个元素的style属性的值）。

同等优先级下，以最后定义的样式为准，important比内联高。

4.使用<a>元素创建一个超文本链接，链接到另一个web页面。href属性告诉浏览器链接的目标文件，href=" "

属性名  属性值

5.引用元素：<q>&<blockquote>

<q>.....</q>是一个内联（inline）元素。用于短引用，作为段落的一部分。标记引用，出现双引号字符，并不是所有的浏览器都会出现

<blockquote>.....</>是一个块（block）元素用于较长的引用，需要单独显示。创建单独的文本块，另外还把文字稍稍缩进。（并不是所有浏览器）

6.块元素特立独行，内联元素随波追流！

block（块）元素的特点：

①总是在新行上开始；

②高度，行高以及外边距和内边距都可控制；

③宽度缺省是它的容器的100%，除非设定一个宽度。

④它可以容纳内联元素和其他块元素

inline元素的特点：

①和其他元素都在一行上；

②高，行高及外边距和内边距不可改变；

③宽度就是它的文字或图片的宽度，不可改变

④内联元素只能容纳文本或者其他内联元素

（中文叫法有多种内联元素、内嵌元素、行内元素、直进式元素）。

块元素(block element)和内联元素(inline element)都是html规范中的概念。块元素和

内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后，块元

素和内联元素的这种属性差异就不成为差异了。

<div> 标签定义 HTML 文档中的一个分隔区块或者一个区域部分。

<div>标签常用于组合块级元素，以便通过 CSS 来对这些元素进行格式化。

6.在样式表定义一个样式的时候，可以定义id也可以定义class。
    
    (1)在CSS文件里书写时，id加前缀"#"；class用"."
    
    (2)id一个页面只可以使用一次；class可以多次引用。
    
    (3)ID是一个标签，用于区分不同的结构和内容，就象名字，如果一个屋子有2个人同名，就会出现混淆；class是一个样式，可以套在任何结构和内容上，就象一件衣服；
    
    (4)从概念上说就是不一样的：id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。
    
    目前的浏览器还都允许用多个相同ID，一般情况下也能正常显示，不过当你需要用JavaScript通过id来控制div时就会出现错误。id也可以定义class。
    
    (1)在CSS文件里书写时，id加前缀"#"；class用"."
    
    (2)id一个页面只可以使用一次；class可以多次引用。
    
    (3)ID是一个标签，用于区分不同的结构和内容，就象名字，如果一个屋子有2个人同名，就会出现混淆；class是一个样式，可以套在任何结构和内容上，就象一件衣服；
    
    (4)从概念上说就是不一样的：id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。
    
    目前的浏览器还都允许用多个相同ID，一般情况下也能正常显示，不过当你需要用JavaScript通过id来控制div时就会出现错误。

如果你只是用来定义样式的话，是没什么事的!但是你要是要使用js等效果的话，就不行了，id必须唯一!不然js根本就识别不到!

name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

meta标签的name属性语法格式是：<metaname="参数"content="具体的参数值">。**A、Keywords(关键字)**　说明：keywords用来告诉搜索引擎你网页的关键字是什么。举例：<metaname="keywords"content="meta总结,html meta,meta属性,meta跳转">**B、description(网站内容描述)**说明：description用来告诉搜索引擎你的网站主要内容举例：<metaname="description"content="haorooms博客,html的meta总结，meta是html语言head区的一个辅助性标签。">**C、robots(机器人向导)**说明：robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。content的参数有all,none,index,noindex,follow,nofollow。默认是all。举例：`<meta name="robots"content="none">`网址：http://www.haorooms.com/post/html\_meta\_ds