css与html结合:
1内联样式:不推荐
在标签内使用style属性指定css代码:
hello css
2内部样式:
在head标签内定义style标签,style标签体内容就是css代码
houlixie
wodefa
2元素选择器:选择具有相同标签的元素
注意:id选择器比元素选择器更牛逼
3类选择器:选择具有相同类属性的元素
<p class="cc">makabaka</p>
.cc{
color: aqua;
}
2扩展选择器:
1选择所有元素:
语法:*{}
6属性:
color: red;//颜色
font-size: 40px;字体大小
text-align: center;对齐方式
line-height: 30px;
border:设置边框,符合属性
border: 2px solid red;
background:背景
background: red no-repeat center;
盒子模型:控制布局
margin:外边距
padding:内边距
默认情况下,内边距会影响整个盒子的大小
设置盒子的属性,让盒子大小不再改变
box-sizing: border-box;
float:浮动属性
left:左浮动
right:右浮动