<!--注释-->
<h1>标题
<p>段落
<ul>无序列表
<ol>有序列表
<div>配合css样式使用 //标签 是一个html的容器
<span> //文本的容器
<table>是表格 <tr>就是表格里的行 <td>就是行里的单元格 <th>是列
id="tb"
#tb,tr,th,td{border:1px solid blue}//两条边框线
#tb{border-collapse:collapse;}//合并成一条边框线
<textarea cols="10" rows="30"> //cols表示宽(列) rows代表长(行)
<frame><iframe>
css使用:
h1{
color:#F00;
}//元素选择器
{ margin:0px;//外边距
padding:0px;//内边距
}//通配符选择器
css使用:
如果是<p id="piq"> 直接用
#piq{color:blue;} //id选择器
.pclass{color:#00F;}//类选择器
a.pclass{color:#00F;}//标签类选择器
.p1.p2{color:#00F;} //多类选择器 结合p1,p2的效果class="p1 p2"
p strong i{color:red;}//后代选择器 strong是加粗 i是斜体
<style type="text/css">
[title]{color:#CF3;}
[title=te]{color:#F0F;}
</style> // 属性和值选择器
background-attachment:fixed;
text-shadow:向文本添加阴影
word-wrap:规定文本的换行规则
text-align:center :文本居中
text-indent:2em :首行缩进2个字节
text-transform: 字母大小写
a标记的效果:
a:link{ } 未被访问的链接
a:visited{} 用户已访问的链接
a:hover{} 鼠标指针位于链接的上方
a:active{} 链接被点击的时刻
text-decoration 去掉链接中的下划线
css标志
ui li{
list-style-type: // 设置列表坐标那个默认图标 系统自带的图标
list-style-image:url("iconl.gif") //设置列表图标 插入图片
list-style-position:inside/outside;//设置列表靠内/外边缘
}
html基础学习
最新推荐文章于 2021-11-12 09:37:44 发布