码迷,mamicode.com
首页 > Web开发 > 详细

HTML/CSS

时间:2015-05-03 13:12:42      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:

html:

html的格式由<html><body><heda>三个标签构成,<html>定义整个文档<head>是文档的头部<body>是文档的主体

目前学习了3种列表标签,表单标签,表格标签,还有一些基本标签如<a>标签、<p>标签,<img>标签等

列表标签<ul>:ul标签是无序的列表标签,它有一个子标签<li>,列表的分项内容都是在<li>标签里面

格式如下:<ul>

        <li>第一项内容<li>

        <li>第二项内容<li>

        <li>第三项内容<li>

     </ul>

列表标签<ol>:ol标签是有序的列表标签,它有一个子标签<li>,列表的分项内容都是在<li>标签里面

格式如下:<ol>

        <li>第一项内容<li>

        <li>第二项内容<li>

        <li>第三项内容<li>

     </ol>

列表标签<dl>:dl标签是定义列表标签,它有两个个子标签<dd>和<dt>,dt定义表的主项,dd定义列表的子项

格式如下:<dl>

       <dt>自行车

          <dd>用脚蹬的车</dd>

       </dt>

       <dt>汽车

          <dd>4个轮子并且烧油的机动车辆</dd>

       </dt> 

     </dl>

 

表单标签<form>

它的格式为:

<form action="">

  <lable>用户名<lable><input tye="text"/>

  <lable>密码<lable><input tye="password"/>

  <input tye="button" value=“普通按钮”/>

</form>

 

表格标签<table>,它有两个子标签<tr>、<td>,tr代表“行“,td代表”列“

它的格式为:

<table>

  <tr>

    <td>第一行的第一列</td>

    <td>第一行的第二列</td>

  </tr>

  <tr>

    <td>第二行的第一列</td>

    <td>第二行的第二列</td>

  </tr>

</table>

 

CSS是定义HTML的样式,

css有3种样式表,除了内联样式其他两种都是在head头部标签里面定义

外联样式:<link rel="stylesheet" type="text/css" href="外联文件的路径" />

嵌入样式:<style type="text/css">

        p

         {

          color:red;

                          }

       </style>

内联样式:<p color="red">我是红色的</p>     

 

CSS选择器:

基本选择器

1、标签选择器:直接用标签命名

2、类选择器:在标签内必须有class属性,在定义class样式时前面必须加”.“

3、id选择器:标签上必须有id属性,在定义id样式时前面必须加”#“

4、属性选择器:用”[]“用将标签属性或属性的值括起来

复合选择器:

1、交集选择器:两者或多种选择器紧挨着一起写比如:div.class  这类似”且“的关系

2、并集选择器:两种或多种选择器写在一起并用逗号隔开,所有被选择的标签都会被作用,比如:div,h1,.class,#div1 他们类似”或“的关系

3、后台选择器:两种或多种选择器写在一起并且用空格隔开,第一个选择器所有后代选择器都会被作用,比如:p em{color:biue;}

 

HTML/CSS

标签:

原文地址:http://www.cnblogs.com/bellow/p/4473513.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!