自己总结CSS

CCS data

1. CSS全称叫做层叠样式表stylesheet，是用来修饰HTML网页的一门技术，增强网页的展示能力。主要是使用CSS属性来实现，最终可以将css代码和HTML网页代码进行分离，也可以提高css代码的复用性。

1. 在HWML中加入CSS修饰网页

• <style>XXX</style>

1. 使用选择器--选择器写在<style>写在这里</style>

• 标签选择器

• <div></div>独占一行
• 标签<span></span>不能独占一行
• 执行的方式span{ XXX}选中表中所有的span标签内的内容,XXX代表修饰的代码:宽-高-颜色字体等设置

• Class选择器

• 给修饰的元素,加class属性,可以同时使用多个属性,之间用空格隔开.
• <p class=”a b”>123</p>给要修饰的元素,增加class属性,可以使用多个属性,之间用空格隔开. 属性b会把属性a给覆盖掉
• .b{ XXX}//执行方式点b{}来有效执行

• Id选择器

• Id属性的值在整个HTML中作为唯一的标识的存在.可以通过id值选中指定的元素(#id值)
• #id值{XXX}-执行方式

• 分组选择器,将多个选择器选中的元素组合在一起,统一设置样式
• .a,.b,#p1{XXX}//a和b还有#p1元素设定的相对应的属性值
• 属性选择器

   根据属性条件选中符合条件的元素来在设置样式.

[元素属性]{XXXX}

1. 盒子模型:

• Margin:外边距
• Border:边框
• Padding:内边距

1. 元素类型的补充

• 块及元素
• 默认情况下.块级的元素独占一行:div---p--h1到h6;