小白也能看懂的css基础(一)

这篇博客详细介绍了如何在网页中引入CSS代码,包括行内式、嵌入式和外链式,并深入讲解了CSS的选择器、常用属性如文本、文字、盒子模型和背景等,以及标签的显示模式。适合CSS初学者阅读。
摘要由CSDN通过智能技术生成

1、如何在网页中引入CSS代码?

1.1 行内式

一般少用,不推荐

  <p style="color: #ccc">backgroung-color: blue">

1.2 嵌入式

在head标签内放置,样式不多时使用

    <head>
      <style>
        选择器 { 
           属性:属性值
        }
      </style>
    </head>

1.3 外链式

新建文件写CSS样式,在head内写link引入html。

  <link rel="stylesheet"  href=".css地址"> 

2、选择器

	标签选择器        标签名      
    ID选择器          #id名        id值
    类选择器          .类名        class值
    通配符选择器        *
    交集选择器        之间无空格    即..又..
    并集选择器        之间加逗号    用于集体声明
    后代选择器        之间加空格    选择子孙后代
    子元素选择器      之间加 > 号    选择亲儿子
    伪类选择器        在不同状态下的显示情况

3、常用的属性

3.1 文本属性

  color:设置文字颜色
  text-align :设置文字水平方向对齐方式,对块级元素生效
  text-decoration :设置文本的装饰效果,underline下划线  默认none, overline上划线 , line-through中划线
  text-indent :设置文本首行缩进  px  /  em相对当前元素的大小的倍数

3.2 文字属性

  font-size :16px;   [文字字号 ]
  font-weight :400;   [文字加粗  100—400(normal)—700(bold)]
  font-st
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值