html相关小知识点(1)

大的网站将css放在head里面是为了防止散屏、白屏,内容出来样式摆出来

index.html约定俗成的文件名,访问一个网站是默认打开index,但可以在web站点进行测试。

font-family:…(浏览器中的字体和电脑的字体库);列出字体供网页显示,现在浏览器查找,没有的话在本地查找,否则查找下一个字体

@font face引入自定义字体

font-size:12px;chrome里面字体最小字体12像素,设置的在校也不会显示

字体单位

  • px是像素单位
  • em是相对单位。相对于父元素,1em表示是父元素字体大小的一倍(同等大小)
  • rem相对于根节点(html元素标签)的大小
    若果父元素或根节点未指定,则按浏览器默认的16xp

    text-align:left/right/center/justify;元素内容左对齐、右对齐、居中、两端对齐

    line-height:1/200%/16px;表示行高或者当文字多时文本行与行之间的缝隙,文本所占用的高度是文字本身高度的一倍,二倍,或固定值16px。一般用于单行文字的垂直居中(多行则不行),line-height=height。

    word-wrap: normal|break-word;正常|在长单词或 URL 地址内部进行换行

    伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容,CSS 伪类用于向某些选择器添加特殊的效果,代表的是一种状态,而不是指的特定选择器

    样式的继承,比如
    设置color:red;那么它里面的元素(没有特殊设置的话)都变为红色,但是对< a>标签是无效的,需要变成”.div a{color:red;}”

    a标签只有颜色不继承。ie8以下只支持a标签的伪类

文章目录
  1. 1. 大的网站将css放在head里面是为了防止散屏、白屏,内容出来样式摆出来
  2. 2. index.html约定俗成的文件名,访问一个网站是默认打开index,但可以在web站点进行测试。
  3. 3. font-family:…(浏览器中的字体和电脑的字体库);列出字体供网页显示,现在浏览器查找,没有的话在本地查找,否则查找下一个字体
  4. 4. @font face引入自定义字体
  5. 5. font-size:12px;chrome里面字体最小字体12像素,设置的在校也不会显示
  6. 6. 字体单位
  7. 7. text-align:left/right/center/justify;元素内容左对齐、右对齐、居中、两端对齐
  8. 8. line-height:1/200%/16px;表示行高或者当文字多时文本行与行之间的缝隙,文本所占用的高度是文字本身高度的一倍,二倍,或固定值16px。一般用于单行文字的垂直居中(多行则不行),line-height=height。
  9. 9. word-wrap: normal|break-word;正常|在长单词或 URL 地址内部进行换行
  10. 10. 伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容,CSS 伪类用于向某些选择器添加特殊的效果,代表的是一种状态,而不是指的特定选择器
  11. 11. 样式的继承,比如设置color:red;那么它里面的元素(没有特殊设置的话)都变为红色,但是对< a>标签是无效的,需要变成”.div a{color:red;}”
,