欢迎光临
我们一起进阶

python-基础 css(一)

扫码或搜索:沉默王二
发送 290992
即可立即永久解锁本站全部文章

CSS(Cascading Style Sheet,层叠样式表) 是一种用来表现HTML或XML等文件样式的计算机语言.CSS(Cascading Style Sheet,层叠样式表) 是一种用来表现HTML或XML等文件样式的计算机语言.

作用:是用来美化HTML标签的,相当于给页面化妆.
每个css 都是有两部分组成: 选择器和声明. 声明有包括属性和值,每个声明后用分号结束.
选择器:就是明确文件样式的作用对象. 是一个选择一个标签或多个标签的过程.
声明:就是样式

CSS 三大特性:

  • 层叠性:当多个样式作用到同一标签,当发生冲突时,总是执行最后的那个样式代码也就是覆盖.
  • 继承性: 文字的所有属性都可以继承,h1~h6不能继承大小,a标签不能继承颜色
  • 优先级
css样式的存放位置有三种:

第一种,直接写在html标签里:

<div style="background-color: #5bc0de;height: 20px;width: 50px">div</div>  #属性之间用;分隔

第二种,在html的head里面设置全局样式,body的标签里引用。可以写在管理-设置-定制css代码中

<head>         
    <style>    #head里面定义样式
        .testcss{     #以点开头
            background-color: pink;
            font-size: 20px;
        }
    </style>
</head>       
<body>   
    <div class="testcss">testcss div</div>  #标签里引用testcss样式
</body>

第三种,链接方式,写在一个css文件里,引用该文件

css文件 newcss.css

.abc{
    color:red;
    font-size: 20px;
}

html文件

<head>
    <link rel="stylesheet" href="newcss.css">  #链接引用css文件
</head>
<body>
    <div class="abc">link abc css div</div>
</body>
赞(1) 打赏
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

小白学堂,学的不止是技术,更是前程

关于我们免责声明

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏