大的网站将css放在head里面是为了防止散屏、白屏,内容出来样式摆出来
index.html约定俗成的文件名,访问一个网站是默认打开index,但可以在web站点进行测试。
font-family:…(浏览器中的字体和电脑的字体库);列出字体供网页显示,现在浏览器查找,没有的话在本地查找,否则查找下一个字体
@font face引入自定义字体
font-size:12px;chrome里面字体最小字体12像素,设置的在校也不会显示
字体单位
- px是像素单位
- em是相对单位。相对于父元素,1em表示是父元素字体大小的一倍(同等大小)
- rem相对于根节点(html元素标签)的大小
若果父元素或根节点未指定,则按浏览器默认的16xptext-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标签的伪类