HTML/CSS
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;}
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。