Css导入盒子浮动表单项

Css导入盒子浮动表单项

内联样式与内部样式不一样

Css导入盒子浮动表单项

 

Css导入盒子浮动表单项

外部样式

 

Css导入盒子浮动表单项

 另一种孤僻的引入样式方式是这种

 

Css导入盒子浮动表单项

id选择器>类选择器>元素选择器

 

Css导入盒子浮动表单项

Css导入盒子浮动表单项

属性选择器很少使用

 

 

Css导入盒子浮动表单项

伪类选择器

Css导入盒子浮动表单项

 

Css导入盒子浮动表单项

Css导入盒子浮动表单项

增加行高,真的是增加行高的意思

 

Css导入盒子浮动表单项

背景的复合写法

Css导入盒子浮动表单项

 

Css导入盒子浮动表单项

Css导入盒子浮动表单项

Css导入盒子浮动表单项

借助margin的方式来达到图示目的

Css导入盒子浮动表单项

 

Css导入盒子浮动表单项

使用padding有风险

 

Css导入盒子浮动表单项

解决的方法是这个,加上了这个padding值就不会改变了

 

Css导入盒子浮动表单项

Css导入盒子浮动表单项

Css导入盒子浮动表单项

Css导入盒子浮动表单项

浮动如图所示

 

Css导入盒子浮动表单项

Css导入盒子浮动表单项

这是整个大盒子,让div居中方式是margin:auto

 

Css导入盒子浮动表单项

Css导入盒子浮动表单项

Css导入盒子浮动表单项

习惯性加上这些代码,会让字体之间比如p标签间距降低

 

Css导入盒子浮动表单项

Css导入盒子浮动表单项

浮动

Css导入盒子浮动表单项

 

Css导入盒子浮动表单项

字体大小还得 font-size

 

Css导入盒子浮动表单项

Css导入盒子浮动表单项

label就这么对其  text-aligin:right

 

Css导入盒子浮动表单项

Css导入盒子浮动表单项

设置圆角,而且其中一个宽度是这样

Css导入盒子浮动表单项

 垂直居中,验证码对不齐怎么办

 

Css导入盒子浮动表单项

Css导入盒子浮动表单项

Css导入盒子浮动表单项