ccs基础

1、引入ccs

CSS用来设置html页面的样式，比如设置字体、背景，位置等。

CSS的定义方法是

选择器{

属性：值

}

选择器的理解：用来标记HTML文档中的元素，通过它来使界面上的元素与样式关联

CSS引入HTML页面有3种方法

内联式：样式是写在页面中，通过style属性值来定义

<form class="login_submit" style="width: 100px,height=100px;">

<input type="submit" value="登录" class="login_submit02">

</form>

嵌入式：一般在html中的head元素内定义

<style type="text/css" >

body{

background-image: url(../img/login.jpg);

background-size: 100% 100%;

width: 100%;

height:100%;

}

</style>

外联式：通过link标签，将外部其他CSS文件的样式应用到当前文件，herf定义的是CSS文件胡路径【可以是相对路径】

<link rel="stylesheet" type="text/css" href="css/index.css" >

2、选择器

标签选择器

这个的标签指的是html中的标签，使用方法为：

body{

margin: 0;

}

ID选择器

#content{

font-size: large;

}

类选择器【使用较多】，使用方法为

.container{

margin: 0 auto;

}

组选择器

就是多个选择器的组合，选择器之间用逗号隔开

input[type=text], input[type=password],textarea, select {

  margin:0.5em 0;

}

层级选择器

就是给父元素底下的子元素设置样式，类似于父类下面的子类的那种概念。

选择器中间用空格隔开

css布局

1、table表格布局

2、div加css布局

盒子模型：

【注】我么通常说的width肯height设置的是盒子的content的内容

设置内边距：指的是盒子内容content和边框之间胡距离

margin指的是盒子的外边距

设置边框