现在的位置: 首页 > 综合 > 正文

1、HTML常见标签及CSS

2018年02月06日 ⁄ 综合 ⁄ 共 1935字 ⁄ 字号 评论关闭

HTML——Hyper Text Markup Language,超文本标记语言。HTML文件的后缀名一般是:.htm,.html

1、HTML结构
<html>...</html>
<head>...</head>
<body>...</body>
<HTML>
<HEAD>
     <title>, <base>, <link>, <isindex>, <meta>
</HEAD>
<BODY>
    HTML 文件的正文写在这里... ...
</BODY>
</HTML>
一些标签

<h1></h1>      <font></font>     <a></a>   <table><tr><th></th><th></th></tr><tr><td></td><td></td></tr></table>    <!--   -->      <br>

2、表单(form):
<form>
      username:<input type="text"><br>
      password:<input type="password">
      复选:一<input type="checkbox">
               二<input type="checkbox">
               三<input type="checkbox"><br>
      单选:真<input type="radio" name="r">
               假<input type="radio" name="r"><br>
      下拉列表:<select>
                              <option>1</option>
                              <option>2</option>
                         </select>
      文本域:<textarea></textarea>
      文件上传:<input type="file">
      <input type="submit" value="submit">&nbsp;
      <input type="reset" value="reset">
      <input type="button" value="button" onclick="javascript:alert(‘hello’);">
      图片:<img src=""></img>
</form>

3、浏览器内核:Webkit,trident——IE的内核

4、CSS(层叠样式表)——Cascading Style Sheets

当多于一种的样式指定一HTML,HTML的样式,以下按从低到高的优先级,即第四个最优先

1)Browser default——浏览器默认

2)External style sheet——外部样式表

3)Internal Style sheet(inside the <head>tag)——内嵌yangshibia(在head标签内)

4)Inline style(inside an HTML element)行内样式(在一HTML元素内)

5、CSS语法:由三部分组成:一个选择器,一个属性和一个值,例如:selector{property:value}       body {color:red}    p {font-family:"sans serif"}

如果值为多个单词则用双引号括起来,多个属性,使用分号进行分隔

外部css的引用,在<head>中<link rel="stylesheet" type="text/css" href="css.css">

可以将选择器组合起来,如:  h1,h2,h3,h4 {color:red}

选择器类,对同一类型的HTML元素定义出不同的样式:   p.right {text-align:right}     p.center {text-align:center}    ,定义元素<p class="right">和<p class="center">

可以省略标签名称直接定义,就是点加上类名:.center {text-align:center},点是必不可少的

id选择器可以为不同的html元素定义相同的样式:#green {color : green}      p#green {color : red}  ——p元素的id为green的元素样式

css注释  /*   */

内嵌样式表:

<head>

<style type="text/css>

.center {color:red}

</style>

</head>

行内样式表:<p style="color:green;margin-left:20px">内容</p>

抱歉!评论已关闭.