A今天学了什么
1什么是html什么是css
html是网页的结构
css是负责修饰html标签
开始标签<body>
结束标签</body>
常用的HTML标签
div 盒子标签
p 段落标签
h1~h6 标题标签
ul~li 列表标签
dl~dt~dd 定义列表标签
img 图片标签
input 输入框标签
a 超链接标签
button 按钮标签
css样式
color 设置文字颜色
width 设置一个元素的宽度
height 设置一个元素的高度
background-color 设置背景颜色
background-image 设置一个元素的背景图片
(background-image: url())
line-height 设置文字的行高
text-align 设置文字对齐的方式
border-width 边框的宽度
border-style 边框的样式
border-color 边框的颜色
css常用选择器
hover{color}当鼠标移动到元素上时可以改变元素的css 样式
<p class="pp">
.pp
<p id="pp">
#pp
B今天没有掌握的内容
盒子模型
margin 外边距
margin-bottom 下外边距
margin-left 左外边距
margin-right 右外边距
margin-top 上外边距
元素居中
margin: 0px auto;
(上下)(左右)
border框边
padding 填充
content 内容
盒子总宽度:width(高)+padding(内边框)+border(外边框)
margin(外边框)和padding(内边距)盒子距离
margin 10px;
margin 上下左右
margin 10px; 20px;
margin 上下 左右
margin 10px; 20px;30px;
margin 上 左右 下
margin 10px; 20px;30px;40px;
margin 上 右 下 左
padding同理
ctrl+? 注释