2.1css基础选择器、引入方式、字体文本样式、

本文详细介绍了CSS的基础知识,包括选择器的使用,如标签选择器、类选择器和ID选择器,以及它们在网页样式设计中的优缺点。此外,还讨论了字体和文本样式的设置,如`font-family`、`font-size`和`text-align`。同时,文章涵盖了CSS的三种引入方式:行内样式、内部样式和外部样式,并强调了外部样式在实际开发中的重要性。
摘要由CSDN通过智能技术生成

CSS:

css基础选择器

可以理解为:选择器{样式}

           (给谁改样式{改什么样式})

        例:  p { color: red;

 font-size: 12px;

 }

选择器:用于指定css样式的html标签

{}花括号内:对该对象设置的具体样式,如字体大小、文本颜色等

  1. 属性(选择器)和属性值(样式)以“键值对”的形式出现
  2. 属性和属性值间用冒号(:)隔开,键值对之间用分号(;)隔开

3、css代码风格:展开式(如上例)

1、标签选择器:指用html标签名作为选择器,按标签名称分类

 p { color: red;

font-size: 12px;

 }

 div { color: green;

  width: 10px;

 }

作用:可以把某一类标签全部选择出来,如所有的<div>标签等

 优点:能快速为页面中同类型的标签设置统一样式

 缺点:不能设计差异化样式,只能选择全部的当前标签

2、类选择器(口诀:样式定义,结构类class调用。一个或多个,开发最常用

<head>

  <style>

.news {

     color: red;

}

.star-sing {

     color: green;

}    

  <style>

<head>

<body>

  <ul>

      <li class=”news”>冰雨</li>

      <li class=”news”>来生缘</li>

   

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值