认识CSS

2023-03-21 21:48:53 浏览数 (1)

认识CSS

层叠样式表 Cascading Style Sheets 。

用来设置在网页中显示HTML元素:布局、位置、大小、颜色、边框、边距等 。

Html主要用于页面的内容展示,JavaScript主要用于页面元素之间的逻辑处理,Css主要是修饰的作用,比如颜色、位置、大小、效果等等。

就好比装修一个房子,Html就是房子中的家具、灯具、房间布局等等,JavaScript类似于隐藏起来的水电管线,比如通过开关(Html)可以控制(JavaScript)灯的亮与灭(Html)。而Css相当于房子内的装修的颜色、布局、物品的位置等等,主要起到修饰的作用

一、如何使用CSS

  • 在HTML标签的style属性中使用
  • 在style标签中使用,一般写在head标签中
  • 创建.css文件,通过 link 标签引入

二、代码实战

新建 html 文件 01-css.html ,编写下方程序,运行看看效果吧

代码语言:javascript复制
<!DOCTYPE html>
<htmllang="en">
    <head>
        <metacharset="UTF-8">
        <metahttp-equiv="X-UA-Compatible"content="IE=edge">
        <metaname="viewport"content="width=device-width, initial-scale=1.0">
        <title>认识css</title>
    </head>
  
    <body>
        <divstyle="color:red;border:1px solid red; text-align:center;">这是一行文字</div>
    </body>
  
</html>

0 人点赞