基础课-实际案例

在html、css文件中CTRL+/是注释的快捷键

div.加属性名直接生成div class=“属性名”

盒子模型样式：

1.width（内容的宽度）

2.height（内容的高度）

3.border（边框）

4.margin（外间距）

5.padding（内间距）

border是加边框的代码，有三个必写项：边框尺寸、颜色、边框格式（solid：实线框）

在css文件中 margin代码代表盒子外面的间距，叫外间距；

在css文件中 padding代码代表盒子内部的间距，叫内间距；

里面有四个方向，第一个值代表上下间距，第二个值代表左右间距；auto的含义让浏览器自动分配间距。

例如：margin: 15px auto;

盒子整体尺寸=内容的宽度+左右内间距值+左右两个边框

代码：

select.class=“名字”>option*3 ，代表三个选择框有三个选项

query---查（btn-query：按钮代表查询）

border: none; 代表按钮周围没有黑框

margin-left: 40px; 代表外间距左侧40px

border-radius: 5px; 代表边框周围变成圆弧

cursor: pointer; （cursor代表鼠标指针样式，pointe代表小手样式，not-allowed代表不能点击样式）

hover---代表悬停

opacity---代表透明度（0代表完全透明，1代表完全不透明，0.5代表若隐若现）例如：opacity: 0.5;

div.info>strong.tip*2---代表在名字是info的div语句中生成两个名字为tip的strong语句

block在JS语句中的.style.display.中代表块标记

border-spacing---代表边框中的空间（当不需要时候后面值为0）

placeholder：代表占位符

tbody>tr:nth-of-type(even或者odd)：代表表格身体行 奇数行或偶数行（偶数：even，奇数：odd）

table-row-group：在js代码中表示行组的意思，将表格中的内容展示出来，仅限在表格代码中使用

 

类选择器：.属性名{

                   }

标记选择器：属性名{

                      }

子选择器：大范围属性名>子标记属性名{

                   }