css知识点

本文详细介绍了CSS(层叠样式表)的作用、优点以及在不同浏览器中的兼容性问题。内容涵盖CSS的引入方式(行内、内嵌、链接、导入)、选择器(ID、类选择器、后代选择器)、文本样式、尺寸单位、内容溢出处理和链接src与href、link与@import的区别。了解这些知识能帮助开发者更好地理解和应用CSS。
摘要由CSDN通过智能技术生成

 Css(层叠样式表)css用来修饰网页

优点

      • 使HTML专注于网页的内容,CSS专注于网页的表现
      • 提供了丰富的格式化功能
      • 可以针对各种可视化浏览器(主要有显示器、打印机、PDA等)来设置不同的样式

        CSS与浏览器并不是所有的CSS的样式都被浏览器支持不同的浏览器对CSS的实现有细微的不同,需要特别注意

       1.  行内样式

直接使用标记的style属性   例:

style=" width:100px; height:100px; background-color:#F00;”

       2.  内嵌样式

在HTML中,使用<style></style>标记,将样式写在<style>标记内

注意:<style>标记要指定type属性为text/css

       3. 链接样式(外链式)

将CSS写入单独的一个文件中,注意该文件的文件扩展名为  .css

在HTML文档中使用<link>标记引入css文件

<link>标记需要指定两个属性:type和rel(relationship)

例:<link type="text/css" rel="stylesheet" href=“sy.css" />

.       4. 使用导入样式

使用@import指令可以将css文件中的css样式导入到不同的地方

导入式的结果和直接书写是同样的效果

导入式可以共享样式代码

可以在内嵌式里使用导入,也可在css文件中使用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值