2.css是什么?

点点圈 提交于 2019-11-28 03:18:59

什么是 CSS?

  • CSS(Cascading Style Sheets) 是用来为网页添加样式的代码。
p {
  color: red;
  width: 500px;
  border: 1px solid black;
}

 p, li, h1 {
  color: red;
}   

盒子模型

  • 内边距(padding)- 围绕着内容的空间(比如围绕段落的空间)
  • 边框(border)- 紧接着内边距的实体线段
  • 外边距 (margin) - 围绕元素外部的空间
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>CSS</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <h1>Hello CSS!</h1>
    <p>CSS 很 666666……</p>
  </body>
</html>
/* style.css */
h1 {
  padding: 10px;
  background-color: orange;
  border: 1px solid black;
}

p {
  color: purple;
}

css语法

  • 选择器通常是需要改变样式的 HTML 元素。
  • 每条声明由一个属性和一个值组成。
  • 属性(property)是设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开

css语句

  • @charset
  • @import
  • @media

  • 缩写

padding: 10px 15px 15px 5px;

padding-top: 10px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 5px;
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!