[HTML+CSS基础]

background-size:cover

适用于背景图片,会将图片平铺

text-align对齐

用法: 作用于块级元素上让行内元素对齐或居中
比较典型的应用:

  1. 文本的对齐
  2. 作用于table标签上
  3. 用于图片的对齐

表示强调

  1. em标签:语义:强调。效果:斜体

  2. strong标签:语义:强调。效果:粗体(一般使用这个)

表示引用

  1. q标签:语义:一句话的简短引用。效果:文字被放到双引号内

  2. blockquote标签:语义:长文本引用。效果:文字首尾会添加缩进

span标签

语义:没有语义,如果需要单独对标签添加效果,也可以使用它

br换行标签

语义:换行

语法:xhtml 1.0中使用〈br /〉(推荐使用)

html4.01中使用

注意:在html中输入换行、空格都是没有用的,需要添加标签实现效果

空格

语法:

添加代码

添加一行代码使用:code标签
添加多行代码使用:pre标签

table标签

语义:用于创建表格
包含的标签:table、tbody、tr、th、td

  • …:当表格内容非常多时,表格会下载一点显示一点,但如果加上标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。

  • tr标签:用于创建表头,默认样式:粗体并且居中

  • th标签:用于创建表头中的单元格

  • tr标签:表示一行

  • td标签:表示表中内容的一个单元格

  • 为表格添加摘要,如:

摘要在浏览器中是不会显示的,只便于搜索引擎搜索到

  • 为表格添加表头,如:
    这是表头

class与id选择器

class选择器可以使用词列表,也就是可以指定多个类名,而id选择器则不可以,如:
〈span class=“stress bless”〉可以使用词列表〈/span〉
上面的是正确的
〈span id=“stress bless”〉不可以使用词列表〈/span〉不可以这么写,id只能指定一个

样式优先级

优先级排列:浏览器默认样式 < 网页制作者的样式 < 用户自定义的样式;
注意: 如果样式这只了"!important", 那么它的优先级高于用于自定义的样式

段落中的文字设置

  1. 文字上面的删除线: p{text-decoration: line-through;}
  2. 两个字母之间的间距:p{letter-spacing: 20px;}
  3. 两个单词之间的间距:p{word-spacing: 20px;}
  4. 块状元素的排列:
    左对齐: p{text-align: left;}
    右对齐: p{text-align: right;}
    居中: p{text-align: center;}

元素分类

  1. 块级元素
包括:
,

,

~

, ,

你可能感兴趣的:([HTML+CSS基础])