JAVA WEB之CSS

一、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布局的定位

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值