PHP学习笔记

PHP从入门到精通,017第三章CSS之CSS的介绍(DAY4第

2018-11-11  本文已影响3人  极客研习社

第三章——CSS

一、CSS的介绍

CSS:“层叠样式表”,它是cascading style sheets的缩写,作用是给HTML标签加表现形式(样式-显示),如:字体,图片,列表,位置等。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>极客研习社</title>
    <style type="text/css">
      *{
        color:red;
        font-size:20px;
        border:1px solid green;
        background:yellow;
      }
    </style>
  </head>
  <body>
    <p class="p1">PHP07期</p>
    <div>HTML</div>
    <h1>CSS</h1>
    <span>PHP</span>
  </body>
</html>

*包含了body部分

  <style type="text/css">
      p,div,h1,span{
        color:red;
        font-size:20px;
        border:1px solid green;
        background:yellow;
      }
    </style>

在浏览器中可以看到的部分:

HTML:“超文本标记语言”,主要作用:把内容(文字、图片、视频等)放入网页中——结构

CSS:“层叠样式表”,主要作用给HTML进行样式的显示,如何的布局——样式

Javascript:“浏览器的脚本语言”,主要作用给HTML加动态效果(特效)——行为

CSS特点:

可以非常精准的定位,定位某个或某些标记,给这些标记加样式

HTML和CSS代码分离,减少后期工作量。

上一篇 下一篇

猜你喜欢

热点阅读