CSS入门学习笔记

本文介绍了CSS的基础知识,包括颜色、字体、背景等样式的设置,以及id和类选择器的使用。强调了HTML页面中id的唯一性,并展示了类选择器在多个标签间的复用性。此外,还探讨了CSS在页面审美和布局中的重要性。
摘要由CSDN通过智能技术生成

初识CSS
  css是cascading style sheet(层叠样式表)的简写;css是从审美的角度负责页面的样式。
  在这里插入图片描述
  在这里插入图片描述

  1. color:red;
    color属性的值可以是英语单词,也可以是rgb、十六进制。

  2. font-size:40px; 字号大小
    单位px(像素)必须加

  3. background-color:blue; 背景颜色

  4. font-weight:bold; 加粗

  5. font-weight:normal; 不加粗

  6. font-style:italic; 斜体

  7. font-style:normal; 不斜体

  8. text-decoration:underline; 下划线

  9. text-decoration:none; 没有下划线

在这里插入图片描述

  1. < style type=“text/css”>
    p{
    color:red;
    }
    < /style >

2.< ul >
< li>
< ul>
< li >
< ul>
< li>
< p>我是一个段落标签< /p>
< /li>
< /ul>
< /li>
< /ul>
< /li>
< /ul>

在这里插入图片描述
一个HTML页面,不能出现相同的id,哪怕他们不是一个类型的标签。比如一个id叫para的p标签,一个id叫para的div标签。

在这里插入图片描述

类选择器
.就是类的符号。
所谓的类就是class属性,class属性和id十分相似,任何的标签都可以携带class属性。

class属性可以重复,比如,页面上可能有很多标签都有special这个class;

<h 3>我是一个h3啊1</h 3>
< h3 class=“special”>我是一个h3啊2< / h3>
< h3>我是一个h3啊3< /h3>
< p>我是一个段落啊1< /p>
< p class=“special”>我是一个段落啊2< /p>
< p class=“special”>我是一个段落啊3</ p>
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
转自https://blog.csdn.net/Speed_Pig/article/details/88094966?utm_source=app&app_version=4.20.0&code=app_1562916241&uLinkId=usr1mkqgl919blen

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值