html基础学习

<!--注释-->
	<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;//设置列表靠内/外边缘
			 }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值