CSS常用属性介绍,基础属性样式小结

1.什么是CSS?
  Cascading Style Sheet
  层叠样式表语言(不是编程语言,属于样式表语言,没有变量,数据类型,控制语句....等)
  CSS其实就是专门用来修饰HTML的,让HTML更好看。

  CSS是为HTML服务的,所以HTML还是主体,CSS是依附在HTML上的。

2.在HTML中怎样嵌入CSS样式呢?
三种方式:    
    第一种方式:内联定义
    第二种方式:定义内部样式块对象
    第三种方式:链入外部样式表文件

3.内联定义
内联定义语法格式:
<标签 style="样式名 : 样式值;
             样式名 : 样式值;
             样式名 : 样式值;
             样式名 : 样式值;"></标签>
任何一个HTML标签都可以指定style属性。

4.定义内部样式块对象
注意:·在head标签中使用style标签,定义样式块对象
      ·在CSS中,注释用/* */,和Java的注释相同。
语法格式:
    <style>
        选择器{
            样式名 :样式值;
            样式名 :样式值;
            样式名 :样式值;
            样式名 :样式值;
            样式名 :样式值;
        }
    </style>

5.CSS中常见的选择器包括:
    标签选择器
    id选择器
    class选择器
    
(1).标签选择器:
语法:标签名 {}
案例:
    div{
        样式名:样式值;
        样式名:样式值;
        样式名:样式值;
        样式名:样式值;
    }
    以上作用于所有div标签的元素。
(2).id选择器:
语法:#id {}
案例:
    #username{
        样式名:样式值;
        样式名:样式值;
        样式名:样式值;
        样式名:样式值;
    }
    只作用于username这个id名字的标签。
(3).class选择器:
语法:.class {}
案例:
    .student{
        样式名:样式值;
        样式名:样式值;
        样式名:样式值;
        样式名:样式值;
    }
    以上可以作用于一类标签,只要标签属于class这一类即可。
    
    
6.关于选择器的优先级:
    标签选择器优先级最低
    其次是类选择器
    最高优先级是id选择器

7.链入外部样式表文件(最常用)
引入外部独立开发的CSS样式表文件。
在web前端开发中,这种方式是最常用的!

链入语法:<link rel="stylesheet" type="text/css" href="样式表路径"/>

8.隐藏样式
display : none;

9.文本装饰样式
text-decoration : 属性值;
属性值:
        overline:表示上划线
        line-through:删除线
        blink:闪烁
        none:没有样式
        
        
10.设置鼠标的悬停效果
语法:
<style>
    标签名:hover{
        样式名:样式值;
        样式名:样式值;
        样式名:样式值;
    }
</style>
注意:
1.hover 是专门用来设置鼠标悬停效果的。
2.hover 在使用的时候,这个冒号两边是不允许有空格的。

11.绝对定位

<style>
	position:absolute;
	top:100px;
	left:100px;
</style>

12.其他属性
鼠标移到文本上面变成"小手"图标.

<style>
	cursor:pointer;
</style>

注意:尽量不要使用hand,有浏览器兼容性问题。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

开心懒羊羊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值