CSS基础知识

目录

01.css简介

02.css语法规范

03.css代码风格

04.css基础选择器

05.css字体属性

06.css文本属性

07.CSS 样式书写的位置


01.css简介

  •     CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称.
  •     有时我称之为 CSS 样式表或级联样式表。
  •     CSS 是一种标记语言
  •     CSS 作用:结构 ( HTML ) 与样式( CSS ) 相分离

    02.css语法规范

 所有的样式,都包含在 <style> 标签内,表示是样式表。<style> 一般写到 </head> 上方   

<head>

        <style>

            h4 {

                color: blue;

                font-size: 100px;

            }

        </style>

    </head>

03.css代码风格

       (展开式书写,其中属性名,属性值关键字全部使用小写字母)

 h3 {

            color: pink;

            font-size: 20px;    

         }

04.css基础选择器

基础选择器包括:标签选择器、类选择器、id 选择器和通配符选择器


05.css字体属性

  • 字体系列font-family
  • 字体大小font-size
  • 字体粗细font-weight:(normal(400),bold(700))
  • 字体样式font-style:(normal/italic)
  • 字体复合属性:font: font-style  font-weight  font-size/line-height  font-family

注:使用 font 属性,必须按上面语法格式中的顺序书写,不能更换顺序。不要设置的属性可以省略,但必须保留 font-size font-family 属性,否则 font 属性将不起作用


06.css文本属性

  • 文本颜色 color  (预定义的颜色值、十六进制、RGB代码)
  • 文本对齐  text-align(center/left/right)设置元素内文本内容的水平对齐方式
  • 修饰文本 text-decoration(none、underline、overline、line-through)
  • 文本缩进 text-indent  (text-indent:2em)
  • 行间距   line-height

07.CSS 样式书写的位置

  • 行内样式表(行内式)    <div style="color: red;">css</div>
  • 内部样式表(嵌入式)    <style>div{color:red;}</style>
  • 外部样式表(链接式)   <link rel="stylesheet"  href="css文件路径">
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值