前端作业1总结

主题：仿北大医院首页



遗留问题：
1、页面缩放比例无法居中及布局变化问题
2、页面比例缩小后 底部蓝色部分没平铺（猜想：没有清除浮动影响）
3、dot_now不能同时选定多个类
4、底部蓝色文字 特色服务上方空白处无法控制大小（暂时解决：用与背景色相同文字撑高）

已解决问题：
1、命名规范
标识符（包括选择器中的元素名，类和ID）只能包含字符[a- zA-Z0-9]和ISO 10646字符编码U+00A1及以上，再加连字号（-）和下划线（_）；它们不能以 数字，或一个连字号后跟数字为开头。它们还可以包含转义字符加任何ISO 10646字符作为一个数 字编码。

2、input标签hover时变色

解决尝试1 > focus伪类> !!!用focus伪类无法实现hover变背景色-原背景色会被覆盖!!!

input:focus{
	background-color:#4276AA;

解决尝试2 >a:hover>!!!用a标签hover也无法实现-文字颜色被覆盖!!!

.banner  .search ul li a{
	border-radius:10px;
	background-color:#B2B2B2;
	text-decoration:none;
	}
.banner  .search ul li a:hover{
	background-color:#4276AA;
}

最终解决：>input也有伪类！

.banner  .search ul li input:hover{
	background-color:#6787BC;
}

注意：
1、尽量不要单用子类选择器>容易影响后面元素的样式
》养成从父选择器到子选择器的良好书写习惯
2、当a标签有类名时，可用类名代替“a”选择伪类，如：
》以下代码样式相同

a:hover{
	color:red;
}

.box:hover{
	color:red;
}

<a class="box" href="#"></a>

3、a标签一定要写href属性 否则无法显示对应样式