今天学了什么
1.什么是html , 什么是css
html是由一个个html标签构成的
css是修饰html的
2.常用的html标签
p段落标签
div 盒子标签
h1~h6标题标签
ul和li无序列表标签
<ul>无序列表
<li>无序列表项</li>
</ul>
dl,dt,dd,定义标签
<dl>
<dt>定义</dt>
<dd>定义描述</dd>
</dl>
img 图片标签
button按钮标签
input输入标签
a 超链接标签
3.常用的css样式
color 颜色
background-color 背景颜色
background-image 背景图片 : url("图片地址") 背景图片
text-align 设置文本对齐方式
text-align left 左对齐
text-align right 右对齐
line-height 设置文字行高
border 边框
border-color边框颜色
border-style边框样式
border-width边框宽度
border:颜色 样式 宽度;
4.选择器
p{} 元素选择器
.text{} class选择器
#{} id 选择器
p:hover{}伪类选择器
鼠标移动时实现变化
5.盒子模型
6.盒子居中
margin-left:auto;
margin-right:auto;
仅仅针对块元素有效;
我学会了的
1.什么是html , 什么是css
html是由一个个html标签构成的
css是修饰html的
2.常用的html标签
p段落标签
div 盒子标签
h1~h6标题标签
ul和li无序列表标签
<ul>无序列表
<li>无序列表项</li>
</ul>
dl,dt,dd,定义标签
<dl>
<dt>定义</dt>
<dd>定义描述</dd>
</dl>
img 图片标签
button按钮标签
input输入标签
a 超链接标签
3.常用的css样式
color 颜色
background-color 背景颜色
background-image 背景图片 : url("图片地址") 背景图片
text-align 设置文本对齐方式
text-align left 左对齐
text-align right 右对齐
line-height 设置文字行高
border 边框
border-color边框颜色
border-style边框样式
border-width边框宽度
border:颜色 样式 宽度;
4.选择器
p{} 元素选择器
.text{} class选择器
#{} id 选择器
p:hover{}伪类选择器
鼠标移动时实现变化
5.盒子模型
6.盒子居中
margin-left:auto;
margin-right:auto;
仅仅针对块元素有效;
我不会的
无