day01

A今天学了什么

1什么是html什么是css

html是网页的结构
css是负责修饰html标签

开始标签
结束标签

常用的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 样式


.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+? 注释

你可能感兴趣的:(day01)