属性继承:明明是在父级上设置样式,结果后代也跟着变化,这就是属性继承。
浏览器默认字体大小是16px/16像素,谷歌最小字体是10px,其他浏览器是12px。
auto(自适应,一般做属性值,可居中)
选择器:
通配符选择器:用星号表示(*)
标签选择器,class选择器,id选择器,后代选择器,子代选择器,交集选择器
background属性:
引入外部资源的3种方式: href,src,url
背景颜色:background-color:red; 简写:backgroun:red;(colo可以省略。)
背景字体大小:background-size:属性值; 背景位置:background-position:20px 20px/top left;(可用数值或者百分比表示,也可用英语表示)
背景图片:background-image:url(图片路径);简写:background:url(图片路径)
背景平铺:background-repeat:no-repeat/repat-x/repeat-y(不平铺/水平平铺/垂直平铺)
背景属性总体简写:background:red url(图片路径) no-repeat 20px 20px ;(颜色 图片路径 平铺属性 背景位置值)
范例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UFT-8">
<title>网页的标题</title>
<style>
div{ width:1000px;
height:500px;
border:1px solid red;
background-image:url(图片路径)
background-color:red;(背景颜色)
background-position:20px 20px/50% 50%/right top(第一个数值表示的是图片向水平方向移动,第二个数值表示的是图片向垂直方向移动/百分比是根据父元素的宽和高计算/还可以根据英文来确定背景位置)
background-repeat:no-repeat/repeat-x/repeat-y(背景平铺方式:不平铺/水平平铺/垂直平铺)
}
</style>
</head>
<body>
<div>
你好,世界
</div>
</body>
</html>