个人html和css知识总结

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

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

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

  1. 浏览器缺省设置;

  2. 外部样式表(.css 文件)

  3. 内部样式表(位于元素head内部);

  4. 内联样式(作为某个元素的style属性的值)。

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

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

属性名  属性值

扫描二维码关注公众号,回复: 10686143 查看本文章

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根本就识别不到!

7.

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

meta标签的name属性语法格式是:<meta name="参数"content="具体的参数值">A、Keywords(关键字) 说明:keywords用来告诉搜索引擎你网页的关键字是什么。举例:<meta name="keywords"content="meta总结,html meta,meta属性,meta跳转"> B、description(网站内容描述)说明:description用来告诉搜索引擎你的网站主要内容举例:<meta name="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

8.

发布了46 篇原创文章 · 获赞 13 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_39038793/article/details/78379069
今日推荐