作业完成汇报
编程题
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="321.css">
<title></title>
</head>
<body>
<h1>上海共有产权保障住房扩围，没有户籍的也能申请！</h1>
<ul>
<li><a href="diyipian.html#_p1" target="333">上海共有产权保障住房扩围，没有户籍的也能申请！</a></li>
<li><a href="diyipian.html#_p2" target="333">据悉</a></li>
<li><a href="diyipian.html#_p3" target="333">今年四季度</a></li>
<li><a href="diyipian.html#_p4" target="333">按照中央要求</a></li>
</body>
</html>
<!DOCTYPE html>
<html>
<frameset cols="30%,70%">
<frame src="dierpian.html">
<frame src="diyipian.html" name="333">
</frameset>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="321.css">
<title></title>
</head>
<body id="1">
<h1>上海共有产权保障住房扩围，没有户籍的也能申请！</h1>
<a name="_p1"/><h2>上海共有产权保障住房扩围</h2>
<p>没有户籍的也能申请！今天，上海发布《关于进一步完善本市共有产权保障住房工作的实施意见》，进一步深化完善共有产权保障房申请供应政策。《意见》将在今年10月8日起实施。</p>
<p>根据《意见》，共有产权保障住房保障范围新增人群为：持有《上海市居住证》且积分达到规定标准分值（120分）、已婚、在上海无住房、在上海连续缴纳社会保险或个人所得税满5年、符合共有产权保障住房收入和财产准入标准的非户籍常住人口。</p>
<p>非户籍常住人口共有产权保障住房，与上海户籍居民共有产权保障住房采取同一标准，即实施政府定价，且购房人产权份额应当不少于50%。</p>
<p>具体供应时，采取计划单列、总量控制、以供定需、轮候供应方式操作。今年内，上海将选取部分具备条件的区开展非户籍居民家庭共有产权保障住房供应先行试点，待评估完善后，适时在上海范围内推开该项工作。</p>
<p>对非户籍常住人口开放供应共有产权保障住房，是在进一步加大供应的基础上扩展的，将不影响上海户籍居民家庭申请的正常供应。</p>
<a name="_p2"/></a><h2>据悉</h2>
<p>本次扩围是在继续做好上海户籍中等或中等偏下收入住房困难家庭基本保障，保障力度只增不减、保障房源确保供应的基础上，按照既尽力而为、又量力而行的原则，聚焦在上海创业、稳定就业的，长期为上海经济社会发展做出贡献的新市民，有序将持证年限较长、学历层次高、符合上海产业发展导向、为上海经济社会发展作出贡献的非户籍住房困难家庭纳入保障范围。</p>
<p>此外，记者今天从上海市房屋管理部门了解到，上海第六批次共有产权保障住房审核和摇号工作已全部完成，并已启动选房和签约等工作。10月至12月，将启动第七批次共有产权保障住房申请供应工作。</p>
<p>截至目前，金山、崇明、奉贤3个区已完成选房，进入签约阶段。9月底之前将有松江、嘉定、青浦等区启动选房工作；后续还将有虹口、长宁、闵行等区陆续开展选房工作。根据第六批次受理情况，本批筹集了浦东、奉贤、松江、闵行、嘉定、宝山等9个大居基地、共4.5万余套房源，用于满足各区的房源调配。</p>
<a name="_p3"></a><h3>今年四季度</h3>
<P>上海将分轮次启动第七批次共有产权保障住房申请供应工作。为平稳推进申请受理工作，在已完成第六批次选房的区首先启动咨询受理，其余区也将分轮次开展此项工作，咨询受理期限一般为二个月。</P>
<P>上海共有产权保障住房准入标准按照“先紧后松”的原则确定，先后五次放宽准入标准。目前住房标准是家庭人均住房建筑面积15平方米以下；收入和财产标准为3人及以上家庭人均月可支配收入6000元以下、人均财产18万元以下。上海中等及中等偏下收入的住房困难家庭，基本可以纳入政策覆盖范围。</P>
<a name="_p4"></a><h4>按照中央要求</h4>
<p>把确保公平分配放在共有产权保障住房申请供应工作中更加突出的位置，按照保障基本、公正程序、公开过程的原则，平稳有序地推进共有产权保障住房申请供应的各项工作。截至2018年6月底，共有产权保障住房累计签约购房约9.2万户。</p>
</body>
</html>
h1 {
color:red;
font-size: 30px;
}
h2{
color:red;
font-size: 30px;
}
h3{
color:red;
font-size: 30px;
}
h4{
color:red;
font-size: 30px;
}
body {
background-image:
url(图片.jpg);
background-repeat: repeat-y
}
li {
font-style: italic;
}
p {
text-indent: 50px; text-align: center; color: #00ff00
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="123.css">
<title>个人简历</title>
</head>
<style type="text/css">
body {background-image: url(图片.jpg);}
</style>
<body >
<table border="1px" id="tb">
<tr >
<th colspan="5">个人简历</th>
</tr>
<tr>
<td>姓名</td>
<td>
<input type="text" name="x1" value="高磊磊">
</td>
<td>性别</td>
<td >
<select>
<option value="男">男</option>
<option value="女">女</option>
</select>
</td>
<td rowspan="5">
<img src="图片.png" width="150" height="200">
</td>
</tr>
<tr>
<td>籍贯</td>
<td>
<input type="text" name="x1" value="江苏">
</td>
<td>民族</td>
<td>
<input type="text" name="x1" value="汉">
</td>
</tr>
<tr>
<td>出生年月</td>
<td>
<input type="text" name="x1" value="1995年10月6日">
</td>
<td>政治面貌</td>
<td>
<input type="text" name="x1" value="无">
</td>
</tr>
<tr>
<td>学历</td>
<td>
<input type="radio" name="rd" value="初中"/> 初中
<input type="radio" name="rd" value="高中"/> 高中
<input type="radio" name="rd" value="大学"/> 大学
</td>
<td>专业</td>
<td>
<input type="text" name="x1" value="计算机">
</td>
</tr>
<tr>
<td>学制</td>
<td>
<select>
<option value="3年">3年</option>
<option value="5年">5年</option>
</select>
</td>
<td>身高</td>
<td colspan="2">
<input type="text" name="x1" value="175CM">
</td>
</tr>
<tr>
<td>培养方式</td>
<td>
<input type="text" name="x1" value="多功能">
</td>
<td>通讯地址</td>
<td colspan="2">
<input type="text" name="x1" value="江苏省南通市">
</td>
</tr>
<tr>
<td rowspan="2">联系方式</td>
<td> TEL</td>
<td> QQ</td>
<td colspan="2"> Email</td>
</tr>
<tr>
<td>
<input type="text" name="x1" value="11111111111">
</td>
<td>
<input type="text" name="x1" value="222222222">
</td>
<td colspan="2">
<input type="text" name="x1" value="[email protected]">
</td>
</tr>
<tr>
<td>新浪博客</td>
<td colspan="4">
<input type="file" name="x2"/>
</td>
</tr>
<tr>
<td>主修课程</td>
<td colspan="4">
<input type="file" name="x2"/>
</td>
</tr>
<tr>
<td>所获证书及荣誉</td>
<td colspan="4">
<input type="file" name="x2"/>
</td>
</tr>
<tr>
<td>实践</td>
<td colspan="4">
<textarea rows="4"></textarea>
</td>
</tr>
<tr>
<td>个人评价</td>
<td colspan="4">
<textarea rows="4"></textarea>
</td>
</tr>
<tr>
<td>在校担任职务</td>
<td colspan="4">
<input type="file" name="x2"/>
</td>
</tr>
<tr>
<td>爱好</td>
<td colspan="4">
<input type="checkbox" name="cb" value="football" /> 足球
<input type="checkbox" name="cb" value="basketball" /> 篮球
<input type="checkbox" name="cb" value="badminton" /> 羽毛球
<input type="checkbox" name="cb" value="run" /> 跑步
</td>
</tr>
<tr>
<td>求职意向</td>
<td colspan="4">
<input type="button" value="点击"/>
</td>
</tr>
</table>
</body>
</html>
#tb tr,td {
border:1px solid blue;outline: #00ff00 dotted thick;
}
#tb{
width: 800px;
text-align: center;
margin: 0 auto;
border-collapse: collapse;
}
css版本的进化史
在20世纪90年代，CSS还未广泛普及之前，对于页面的布局没有太多的选择。HTML最初是被设计为创建纯文本的一门语言，并不是包含侧边栏、列等布局的动态页面。早期的时候，页面布局通常使用的是HTML表格，在行和列中组织内容，这种方式虽然有效，但是把内容和表现杂糅在一块了，如果你想改变网页的布局就得需要修改大量的HTML代码。
2006年，A List Apart上发表了一篇热门文章In Search of the Holy Grail，文章概述了实现圣杯布局的详细方法——一个头部、三列内容和一个底部，你一定觉得一个简单的布局被称为圣杯布局很疯狂吧，但是在当时纯CSS的时代这的确很难实现。
flexbox CSS属性实在2009年第一次提出来的，但直到2015年才得到浏览器的广泛支持。Flexbox被设计为定义一个空间在行或者列上如何分布的，这让它比浮动更适合用来做布局，这意味在使用浮动布局十多年后，web开发者终于不再使用带有hack的浮动布局方式了。
CSS网格最早在2011年提出的（比flexbox提案晚不了多久），但是花了好长时间才在浏览器上普及起来。截止2018年初，大多数现代浏览器都已经支持CSS grid（这比一两年前有巨大的进步了）。
2009年的时候，Less CSS预编译器发布。它也是Ruby写的，并且提供了类似于Sass的功能，关键不同点是它的语法设计上更接近CSS。这意味着任何CSS代码都是合法的Less代码
CSS in JS 是2014年推出的一种设计模式，它的核心思想是把CSS直接写到各自组件中，而不是单独的样式文件里。这种方式在React框架中引入的，最早是使用内联样式，后来又进化成了使用JavaScript生成CSS然后插入到页面的style标签中的方式。
CSS 有哪些选择器，其定义语法分别是什么
- 标签名选择器 div { color：Red;} 即页面中的各个标签名的css样式
- 类选择器 .divClass {color:Red;} 即定义的每个标签的class 中的css样式
- ID选择器 #myDiv {color:Red;} 即页面中的标签的id
- 后代选择器（类选择器的后代选择器） .divClass span { color:Red;} 即多个选择器以逗号的格式分隔 命名找到准确的标签
- 群组选择器 div,span,img {color:Red} 即具有相同样式的标签分组显示
HTML 和 CSS 有什么关系，为什么会有 CSS 技术出现
html是网页文档结构，CSS是层叠样式表，简单来说html是内容和结构，css起修饰作用。
如果把html比作房间的结构，css就可以比作房间的装修风格。
同样的房间可以装修成多种风格，典型的是CSS禅意花园，里面的网页html结构完全一模一样，只是CSS代码不一样，呈现了多种多样的网页作品。
今日学习总结
CSS 的解析原理和 DOM 树的基本结构
掌握 ID、CLASS、属性、分组、继承、派生等选择方式。