CSS: Cascading Style Sheet(层叠样式表)

CSS: Cascading  Style  Sheet(层叠样式表) w3c手册


css的样式分类:

1. 行内样式:<标签名  style=属性名1:值1;…….  >。。。。</标签>

内容

2.内部样式:<style>  选择器{属性名1:值1;…….}</style>



	网页标题
	


    

内容

3. 外部样式: 是一个独立的css文件,通过html文件中link标签引入到当前网页中  如下

     a)        <link rel="stylesheet" type="text/css" href="abc.css" />

     b)        abc.css文件中的语法是:选择器{属性名1:值1;.}



	网页标题
	 rel="stylesheet" type="text/css" href="b.css" />


    

内容

p{
    color:red;
    font-size:14px;
}

4, 导入样式:也是一个独立的css文件,但是在css文件中通过@import命令进入(导入)到该css文件中 自然该css文件也会被html文件引入  

     a)        html文件中:<link rel="stylesheet" type="text/css" href="abc.css" />

     b)        abc.css文件中:@import url("def.css");

注意:

     1, 他们的优先级就是上述列出来的顺序,前面的更优先(通常就是就近原则)可以自己去测试验证

     2, 通常,行内样式和导入样式不太使用。


以下是css重要知识 详细讲解在本博客其他文章里

选择器形式和分类

盒子模型 元素框模型

浮动

元素定位

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值