day 02

css

04.09样式表 css

04.09样式表 css

css的语法

语法:

选择器{
	属性:值;
}

04.09样式表 css

css的样式表 三种

外部、内部、内嵌

04.09样式表 css
04.09样式表 css

基本选择器:

元素选择器(标签选择器)
04.09样式表 css

类选择器
语法:
1、先在标签的上面定义 class=“名字”
2、在《head》《style》 。名字 {属性:值;}

04.09样式表 css

id选择器
语法:
1、先在标签的上面定义 id=“名字”
2、在《head》《style》 #名字 {属性:值;}

04.09样式表 css

span容器

04.09样式表 css
04.09样式表 css
04.09样式表 css

== 伪类选择器==
语法:
选择器:关键字(link、visited、hover、active){属性:值;}

用于鼠标移动在当前标签上的显示效果

04.09样式表 css

04.09样式表 css

符合选择器

交集选择器

两个 选择器
04.09样式表 css

并集选择器

04.09样式表 css
04.09样式表 css
04.09样式表 css

后代选择器
04.09样式表 css
04.09样式表 css
04.09样式表 css

选择器的优先级

元素选择器优先级最低 < 类选择器 < id选择器
id选择器是唯一的

在html文件中引入css表

优先级为:
内联 (标签里面定义样式) > 内部(head标签里面style标签里面定义的样式) > 外部(css文件)

css语句专门写在css文件夹中的
如果引入两个文件夹中的css文件,执行后面引入的css文件

先引入插件里面的,在引入自己写的代码
04.09样式表 css

==============================================

04.09样式表 css

==============================================

div容器
04.09样式表 css
04.09样式表 css
04.09样式表 css

===============================================
04.09样式表 css

04.09样式表 css

04.09样式表 css

04.09样式表 css

04.09样式表 css

04.09样式表 css

04.09样式表 css

=========================================

04.09样式表 css
04.09样式表 css
标准文档流

块级元素栈一行
浮动就是脱离标准文档流
不是依次排列的,相当于在外边的一层
04.09样式表 css
04.09样式表 css
04.09样式表 css

04.09样式表 css

盒子模型

padding内边距 容器里面的内容与容器之间的距离
margin外边距 容器与父容器之间的距离
网页总宽度=左外边距+

04.09样式表 css

04.09样式表 css

设置边框时建议

padding-top:
padding-left:

相关文章:

  • 2019-12-27
  • 2021-12-10
  • 2021-10-18
  • 2021-10-08
  • 2021-10-08
  • 2021-08-09
  • 2018-01-08
  • 2019-04-01
猜你喜欢
  • 2021-09-17
  • 2021-11-29
  • 2021-09-29
相关资源
相似解决方案