java前端学习之html css

html:超文本标记语言,标准通用标记语言下的一个应用。

"超文本"是真页面内可以包含图片,链接,甚至音乐,程序等非文字元素。

超文本标记语言的结构包括头部分(head),和主体部分(body),其中头部分提供关于网页的信息,主体部分提供网页的具体内容。

<div>标签:可定义文档中的分区,是一个块级元素,这意味着它的内容自动开始新的一行。

<hr>标签:在html页面创建一条水平线。

<table>标签:在html页面插入一个表格。格式如下:

<table>

    <tr> 

        <td></td>

    </tr>

</table>

tr代表表格中的一行数据

td代表一行中的列数据

CSS:层叠样式表(cascading style sheets)是一种用来表现HTML或xml等文件样式的计算机语言。css不仅可以静态的修饰网页,还可以配合各种脚本语言动 态的对网页各元素进行格式化。

在网页中嵌入css代码:通过style标签在网页中嵌入css代码

   <head>

      <meta charset="UTF-8">

      <title>order</title>

      <!-- style在网页中嵌入css代码 -->

      <style>

          /* 统一网页风格 */ 

          body{

             font-size:18px;/*设置字号18像素 */

             width:200px;/*设置网页宽度*/

          }

          /*通过.获取class选择器的值*/

          .test{

             font-size:25px;/*设置字号变大*/

             padding-left:60px;/*设置左边距的距离*/

             text-indent:20px;/*设置缩进*/

             padding-top:10px;/*设置上边距*/

      </style>

   </head>

<body>

    <div class="test">你好,请到服务台办理相关业务</dev>

</body>

更好的方法是把css相关的代码单独拿出来放到xx.css文件中以达到代码复用的效果,在html文件中可以通过link标签引入外部css文件:

<head>

<!-- link在网页中引入css代码

          rel:值是固定写法

          href:指定文件的位置

      -->

   <link rel="stylesheet" href="test.css">

</head>

猜你喜欢

转载自blog.csdn.net/u011821510/article/details/85239939