[HTML] CSS入门小知识基础 定义+引入+选择器+超链接伪类。。。

目录

一、CSS

          1.定义

          2.引入方式               

      2.1练习    

      2.2练习

      2.3练习

      2.4练习

 3.选择器

  1.基本选择器

  2.高级选择器

  3.练习

4.超链接伪类:

二、总结


(接上一期知识,咱们继续讲解。)

一、CSS

          1.定义

                   全称:层叠样式表 (Casecading Style Sheets)

                  CSS可以静态地修饰网页,美化页面布局,还可以配合HTML等语言对网页各元素进行维护控制,让页面看起来更美观。

          2.引入方式               

                      行内样式:适用于某一段<div style=""></div>

                      内嵌式:便于本页面标签对样式进行重用<style></style>

                      外链式:便于多个html文件对css样式进行重用

                                    <link rel="stylesheet" type="text/css" href="引入的链接路径"/>

                      导入式:既可以写在内选中,也可以写在外链中@import url(“test.css”)

                        <style type="text/css">

                               @import url("引入的链接路径")

                         </style>          

        外链式与导入式区别
               1、link是XHTML标签;@import属于CSS范畴,只能加载CSS。
               2、link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。
               3、link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持(IE5以上支持)。
               4、link支持使用Javascript控制DOM去改变样式;而@import不支持。

          注:

                  1.行内>内嵌>外链

                  2.就近选择,最晚优先

                  3.可以通过!important增加权重,改变优先级

      2.1练习     

<!DOCTYPE html>
<h
  • 6
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值