首页 > web前端 > js教程 > 关于前端的css基本知识

关于前端的css基本知识

php中世界最好的语言
发布: 2018-03-19 11:02:39
原创
1690 人浏览过

这次给大家带来关于前端的css基本知识,关于前端的css基本知识的注意事项有哪些,下面就是实战案例,一起来看一下。

css基本知识

 我们先看一个小例子:

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>Title</title></head><body>
    <p style="background-color:#2459a2;height: 48px;">1</p>
    <p style="background-color:red;">2</p>
    <p style="background-color:green;">3</p></body></html>
登录后复制

 

我们可以看到我们在p中加了style,里面有background-color,height等属性,这样就使的原本什么都没有的p添加了背景色高度等。

css的编写

  • 在标签上设置style属性:width,height,background.......

  • 写在head里面,写一个