学习一周关于HTML与css的总结,还没看这个怎么排版,留个纪念.

标题标签一篇文章基本只使用一个

段落标签,经常用来指段落

盒子标签,此标签为目前常用的标签,用来进行页面的基本布局 无实际语义,且独占一行.

span的标签属于行内标签,一般配合div进行结合使用. 此处的路径可以是本地文件路径,也可以是网络上的路径. 跳转标签. 此处主要用来进行页面的跳转及网页的跳转,若要去掉标签的下划线, 使用以下的内容: 列表:列表内容使用范围主要为导航栏等内容.

上述有序标签.若要去除其序号及样式:listyle-none,放入css样式表中. html中的转义字符:常用的右如下几个(  空格,< < > >) 以上为常用.

	此处分割线
	############################################################
	表格属性:表格主要table 进行包裹,tr 表格的行,表头单元格的内容,td表示
	每一行的数据.
	cellspacing 表示单元格之间的间隔.
	cellspadding 表示单元格内部文字与边框的距离.
	
	合并单元格 colspan rowspan
	以上为平时写网页时常用的标签内容.
	####################################################
	css样式:行内样式,标签内样式,外部样式表.
	项目中常常使用外部样式表.
	可以使用元素名,id,类名等方式进行设置.主要格式为
	选择器{
	样式名:样式值;
	}
	工作中常用的选择器为class选择器,我认为其与div即可完成整个页面展现.
	
	字体系列的样式:
	类名{
		color:颜色值;   此处的颜色值支持rgb html 等多种方式,了解即可.
		font-size:大小;   此处控制字体的大小
		字体属性可由设计稿提供,无需反复学习.
	}
	如何自一个盒子里面将文字等居中显示:
	例如:
	<div id="box" style="width: 100;height: 100; color: antiquewhite;background-color: black;">
		这是一个盒子!设置文本对齐方式text-align:center即可完成文本的水平居中
		ling-hight = 盒子高度;此处用来控制文字的上下居中.
	</div>
	
	###################################################################
	下面是具体的选择器
	并集选择器:
	例如:如要控制多个选择器使用同一样式,
	样式谢伟:.p,.span{
		color:red;
	}
	<p>这是红烧鱼</p>
	<span id="">
		这是鲤鱼
	</span>
	后代选择器>子代的选择器
	交集选择器:.类名1.类名2{}
	此时可以同时选中包含两个类名的元素.
	
	
	伪类选择器:hover
	表示的是鼠标滑过的一种状态
	
	focus:  获取焦点时的一种状态.
	
	
	#####################################################################
	背景属性:平铺等方式
	background-img :url() 插入图片的链接
	background-repeat: no-repet  
	
	repeat-x  repeat-y 靠左或者靠右平铺,设置数值可以调整图片离边框的间距
	background-size :cover; 平铺于盒子内.
	
	精灵图片:通过不断调整图片的位置显示出想要的图片.
	
	
	元素的表现形式块元素:设置行高有效,独占一行 如:div p ul li ,span标签大小由内容撑起,设置行高列宽无效.
	行内块元素
	disply 可以用来转换标签的表现形式.
	
	块元素的居中问题:margin :0 auto;让块元素水平居中
	
	
	元素的加上模糊的透明度:opacity :数值;  数值为0-1之间,1为完全不透明.
	
	
	文本超出部分的处理:overflow:auto;   自动添加滚动条,若要使文字在超出部分显示省略号则使用:
	text-overflow:ellipsis;
	
	########################################################################################
	盒子模型:
	content:盒子内容区的大小,不一定指的是盒子的实际大小.
	padding :此值会影响盒子的大小
	当对行内元素设置padding时上线无效,左右值有效.
	border:盒子的边框的设置.border也会影响盒子的大小.
	
	margin 指的是盒子的外边距,主要是用来调节盒子的具体位置,margin可以是负值
	
	当子元素的margin值影响到了父元素可以使用overflow:hiden来进行清除影响.
	
	
	
	
	浮动:浮动可以将子元素在父元素内浮动起来,可以解决块级元素同行展示的问题
	
	
	
	#@##########################################################################################
	元素的定位问题:
	
	尽量较少使用定位的方式,必须有参照物.
	position :relative;以自身为参照物进行定位.
	
	固定定位:position:fixed;
	通常用来设定一些不随页面动作的元素,如咨询框等.
	绝对定位:子绝父相;
	若要使用磁定位,首先要找到与子元素相邻的最近的已定位的父级元素.
	
</body>