简历、表格、表单、css样式、span、div、选择器

007 简历的制作

简历、表格、表单、css样式、span、div、选择器_第1张图片

 代码:



	
		
		
	
	
		
个人简历
姓名 性别 年龄 照片
学历 籍贯
电话 政治面貌
毕业院校
求职意向

疑问:tr中的 heigh 好像没明显作用

效果图:

简历、表格、表单、css样式、span、div、选择器_第2张图片

 关于colgroup标签

简历、表格、表单、css样式、span、div、选择器_第3张图片

 关于tbody标签:一般浏览器会自动生成

简历、表格、表单、css样式、span、div、选择器_第4张图片

关于注释

关于标签嵌套

简历、表格、表单、css样式、span、div、选择器_第5张图片

表单:

简历、表格、表单、css样式、span、div、选择器_第6张图片

标签:输入 

  • type属性值:
  • text:文本输入框
  • password:密码
  • button: 按钮
  • radio:单选
  • checkbox:复选框

简历、表格、表单、css样式、span、div、选择器_第7张图片

简历、表格、表单、css样式、span、div、选择器_第8张图片

 get请求和post请求的区别

从功能上分:

  • post :提交数据
  • get:获取数据 

简历、表格、表单、css样式、span、div、选择器_第9张图片

简历、表格、表单、css样式、span、div、选择器_第10张图片

css(cascading style sheet)层叠样式表


    
	
	
	

效果图:

012:引入span

从我的全世界路过

效果图:    这个块都是backcolor

从你的全世界路过

效果图:

div:

 简历、表格、表单、css样式、span、div、选择器_第11张图片

 如何居中:

text-align:center

margin:auto; 让容器本身水平居中

margin 表示边距 ,auto表示自动

总结:

简历、表格、表单、css样式、span、div、选择器_第12张图片



	
		
		
	
	
		

从你的全世界路过

一个人的记忆就是座城市,时间腐蚀着一切建筑

如果你不往前走,就会被沙子掩埋。 所以我们泪流满面,步步回头,可是只能往前走。

哪怕往前走,是和你擦肩而过。 我从你们的世界路过,可你们也只是从对方的世界路过。 哪怕寂寞无声,我们也依旧是废话流,说完一切,和沉默做老朋友。

 效果展示:

简历、表格、表单、css样式、span、div、选择器_第13张图片

 013 布局与选择器

div容器的特点:一个空div,默认宽度100%,高度为0

字体默认16px 行高:21px



	
		
		
	
	
		
		
		
版权所有:西安财经大学信息学院软件1601班 李婷

效果图:

CSS样式: 

简历、表格、表单、css样式、span、div、选择器_第14张图片

 



	
		
		
		
	
	
		
		
		
版权所有:西安财经大学信息学院软件1601班 李婷

总结:

简历、表格、表单、css样式、span、div、选择器_第15张图片

加入边框——>增加边框长度——>只留右边框

在网页中:行内样式表优先级>内部样式

秒杀活动


	
		
		
		
	
	
		
	

效果图:

你可能感兴趣的:(前端学习)