css基础

CSS(cascading style sheet):层叠样式表,是一组样式设置的规则,用于控制页面的外观样式。其可以用于页面的外观美化,布局和定位。
使用css的好处
1.实现内容与样式的分离,便于团队开发
2.样式复用,便于网站的后期维护
3.页面的精确控制,让页面更精美
css基本语法
<head>
            <style>
    选择器{
    属性名:属性值;
    属性名:属性值;}
            </style>
</head>
选择器:要修饰的东西,对象。
属性名:修饰对象的一个属性,样式。
属性值:样式的取值。
<head>
            <style>
    p{
    color:red;
    background: #cccccc;}
                 h2{
    color:blue;}
            </style>
</head>
<body>
    <p>样式1</p>
    <h2>样式2</h2>
</body>
选择器所对应的p和h2,background,color等为其属性,属性后面接的属性值。
css3种应用方式
1.内联式
将css代码直接写在现有的html标签中,css样式代码要写在style='' ''中
如<p style="color:red">这里文字是红色。</p>
2.嵌入式
将css代码写在<style type="text/css">   </style>标签之间,列如
<head>
    <meta charset="UTF-8">
    <title>嵌入式css样式</title>
    <style type="text/css">
    span {
        color:red;
    }
    </style>
</head>
3.外联式
将css代码单独写在一个文件中,扩展名为.css,在head中将用Link标签将css文件连接到html文件中,列如
<head>
            <link href="style.css" 
              rel="stylesheet" 
             type="text/css" />
</head>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值