html命名
a 名字用小写字母
b 可以英文开头,不能使用中文,不能用数字开头,可以用- 和 _ 或者用大小写
c 见名知意
css注释是/* */ html注释是<!-- -->
命名方式:
1、id命名
css中可以用 # 选择
id命名具有唯一性
2、class命名
css中用 . 选择
class可以重复 一个class用于多个盒子
初级选择器
<style>
*{}
</style>
1、通配符选择器:*选中所有标签
2、标签选择器 也叫元素选择器
3、id选择器#id
4、类选择器 .class
类选择器全写是div.class .class是一种省略
5、后代选择器
ul li a{}
空格表示下一级
ul a{}
匹配所有ul标签后面的a标签
6、子代选择器
ul>a{}
用大于号
html标签的嵌套规则
1、块级标签可以包含行内标签,但是行内标签绝对不能包含块级标签,行内标签只能包裹行内标签
2、有些块级标签不能被块级标签包含 p标签不能包裹块级标签 例如:p标签 h1~h6 dt
块级标签有三个级别:一是body 二是div这种可以自由嵌套的级别 三是 p标签这种不能自由嵌套的
3、块级元素与块级元素并列,行内元素与行内元素并列
4、ul li / ol li /dl dt dd都是固定的
5、a标签不能嵌套a标签
6、a标签可以嵌套块标签
背景
background-color 背景颜色
background-image背景图片 url('路径')
background-repeat 背景平铺 no-repeat不平铺 repeat-x x轴平铺 repeat-y y轴平铺
<style>
body{
background-image:url(./img/bg.jpg);
background-size:100px;
backgtound-repeat:no-repeat
}
</style>
background-size:cover;铺面两个轴后,多与的部分会被裁剪。
background-size:contain;铺面一条轴后停止。
定位
background-position:50px 100px;第一个是距左上x轴距离 第二个是距左上y轴距离
不写垂直距离是默认居中
x轴:left center right
y轴:top center bottom
背景关联
background-attachment:fixed;让背景相互附着着滚动
背景属性:背景颜色 路径 平铺 位置 大小
color url repeat background-position background-size