一、CSS

二、CSS和html的结合方式
(1)、在每个html标签上都有一个style属性,把css和HTML结合在一起 
(2)、使用HTML的<style>标签,写在head里面
格式:<style type=”text/css”>
</style>

(3)、在style标签里面 使用语句
格式:@import url(css文件的路径)
-第一步,创建一个css文件

-在HTML中

(4)、使用头标签link,引入外部css文件
![]()
****第三种方式,在某些浏览器版本中不起作用,一般使用第四种
三、CSS的优先级

css的基本选择器(3种)
**要对那个标签里面的数据进行操作
(1)标签选择器
---使用标签名称作为选择器
div{
background-color:gray;color:white;
}
----class选择器
*每个html标签都有一个class属性


-----id选择器
*没个html标签上都有一个属性 id
-<div id=” ”>

基本选择器的优先级:
style > id选择器>class选择器>标签选择器
四、CSS拓展选择器

(1)关联选择器
**<div><p>wwwwwwwwwwwwwww</p></div>

(2)组合选择器

(3)伪元素选择器
*css里面定义好的一些样式,可以直接用
*比如超链接
原始状态 鼠标放上去的状态(悬停状态) 点击状态 点击之后的状态
:link :hover :active :visited

五、css的盒子模型





6、csss布局的漂浮


7、css布局的定位


本文详细介绍了CSS的基础知识,包括CSS与HTML的结合方式、优先级规则,以及拓展选择器的使用。深入探讨了盒子模型、布局漂浮与定位等高级主题,为前端开发者提供全面的CSS技能提升指南。
358

被折叠的 条评论
为什么被折叠?



