层叠样式表 CSS 学习笔记 (1)

9 篇文章 0 订阅
7 篇文章 0 订阅

CSS 现在已经和HTML绑的越来越紧了,下了两本CSS的书,拿到学校实验室打印,竟然被人发现,发现就发现了,还TM扔我资料,仍我资料就算了,中国人和中国人讲话至于用英语吗,马勒戈壁。

 

不能跟这种人一般见识,先把今天学到的记下来。

 

 

 

1.CSS的基本用法

 

1.1 如何在HTML内插入样式表

 

 

从样式表的插入形式来看基本分为三种:

a. 内联式样式表: 直接写在现有的HTML标签中,如:

    <p style="color:red"> 这里是红色文字</p>

b. 嵌入式样式表: 使用"<style> </style>"标签嵌入到HTML文件的头部种,如:

    <style type="text/css">

    .warning {color: red}

    </style>

 

c. 外部式样式表:样式表外部文件以[.css] 为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将样式表文件链接到HTML文件内,如:

 

    <link rel="stylesheet" href="basic.css" type="text/css"/>

 

    <style type="text/css" media="all">@import url(basic.css);</style>

 

 

1.2 使用外部式样式表的优点

主要的优点是:1.多个文件可引用一个样式表文件,2.样式表文件只需要下载一次,3.浏览器会先显示HTML的内容,然后再根据样式表文件进行渲染,从而使访问者可以更快的看到内容。

 

1.3 规则

 

样式表由一些规则组成,浏览器将这些样式表规则应用到相应的元素中。

 

说一下选择符的分类:

 

选择符分为一下几种:

1. 类型选择符(type Selectors), 就是HTML文档中的元素。

2. 类选择符(Class Selectors),例如:.warning 

3. ID选择符(ID selectors),例如:#warning

4. 包含选择符(Descendant Selectors,

5. 选择通配符*,选定文档目录树(DOM)中的所有类型的单一对象,利用通配选择符可以为所有的元素定义统一的属性。

例如:*{margin:0;}

 

 

 

 

最常用的选择符应该就是   类选择符和ID选择符了,他们的差别主要几种在下面几点:

 

1. 类选择符可以重复使用,并且可以用在任意元素上,使用任意次。

2. HTML内ID属性应该是唯一的,只有拥有该ID的元素才会应用该样式。

3. ID选择符的优先权高于类选择。

 

 

1.4 注释

 

格式: /* 这里是注释*/

 

 

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值