css基础

一.css设置样式

css的优势:

  1. 内容与表现分离

  1. 网页的表现统一,容易修改

  1. 丰富的样式,使页面布局更加灵活

  1. 减少网页代码量,增加网页的浏览速度

  1. 有利于网页被搜索收录

二.css文件:文件名css

1.css基本语法:

选择器{

声明1;

声明2;

.....

}

选择器:选中要设置样式的标签

声明=属性:属性值;

最后一个声明可以不写;,但是不符合w3c的规则,所以最后一个也要写

三.css的引入方式

  1. 内联:标签内部通过style来设置

缺点:使html过于长,不利于浏览器编译

  1. 内部引入:在head标签内部通过style标签值设置

缺点:还是没有与HTML文件完全分离

  1. 外部引入:

方法一:在head标签内通过link标签引入(链接式)

方法二:在style标签内同@import导入css文件(导入式)

 

1.内部样式表: 

写法:在网页创建镶入的的样式表,写在里面

 <body>
     <p style="color:red;font-weight: 700;font-size: 20px;">文本内容</p>
</body》

2.内部引入

写法:在网页元素上通过style=""属性

<p style="color:red;font-weight: 700;font-size: 20px;>文本内容</p>

3.外部引入链接式

写法:网页引入外部样式表,外部创建一个css文件,在html中连接这个css文件一般写在css前面

<link rel="stylesheet" tyxt/css" here="1.css">

4.外部引入导入式

写法:通过@import引入

<style>
            @import "1.css"
</style>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值