无聊的作业---html
2016-10-19 本文已影响0人
炙冰
大家好,我刚学的html,下面是我自己做的一些笔记。刚学不久所以不会那么多的东西,望大家指正!
下面是我写的网页!!
![](https://img.haomeiwen.com/i3018546/417acf887f447ae0.jpg)
我用的sublime --- 代码如下:
![](https://img.haomeiwen.com/i3018546/37e3e78722a46238.png)
![](https://img.haomeiwen.com/i3018546/9df75f5267a75243.png)
![](https://img.haomeiwen.com/i3018546/00125f6546e9f342.png)
![](https://img.haomeiwen.com/i3018546/5931d65ba59e9a7c.png)
![](https://img.haomeiwen.com/i3018546/f7c8b0682ba7e20d.png)
![](https://img.haomeiwen.com/i3018546/eea3ee77a3d9fbb4.png)
![](https://img.haomeiwen.com/i3018546/0ea0659196eafd84.png)
![](https://img.haomeiwen.com/i3018546/c993d70fbeaffe4e.png)
![](https://img.haomeiwen.com/i3018546/8f34701b79270e45.png)
![](https://img.haomeiwen.com/i3018546/ecefc9fa9ea752a9.png)
![](https://img.haomeiwen.com/i3018546/9a150da1b5b86476.png)
![](https://img.haomeiwen.com/i3018546/43649c3b3aeb7208.png)
![](https://img.haomeiwen.com/i3018546/c70d1ac628341bd4.png)
![](https://img.haomeiwen.com/i3018546/2e80ba37cb45620d.png)
![](https://img.haomeiwen.com/i3018546/ef134ebe3b864f50.png)
![](https://img.haomeiwen.com/i3018546/40841da1046c9b77.png)
![](https://img.haomeiwen.com/i3018546/a09e0891889f33ac.png)
![](https://img.haomeiwen.com/i3018546/9728737dcd4a4cc6.png)
![](https://img.haomeiwen.com/i3018546/5341a4b77c48122f.png)
![](https://img.haomeiwen.com/i3018546/5db7057e943f0537.png)
![](https://img.haomeiwen.com/i3018546/b0b27ebbcb57fd60.png)
![](https://img.haomeiwen.com/i3018546/cbfed9be398f748b.png)
![](https://img.haomeiwen.com/i3018546/744c3635ba24d834.png)
下面是我在写这个是遇见的难点:
1.在查找新世界城市活动里的select框无法进行自定义
可以用下面的代码来解决:
/*清除样式*/
/*appearance:none;
-moz-appearance:none;*/
-webkit-appearance:none; 取消原来的样式
/*在选择框的最右侧中间显示小箭头图片*/
background: url(images/select-bg.png) no-repeat scroll right 10px center transparent;
背景添加图片 ------ 不重复 滚动条 向右 间距10px 高底居中
![](https://img.haomeiwen.com/i3018546/42d049c1240bd27d.png)
2.自定义成为志愿者的input type=“text”框:
可用以下代码
/*关闭边框*/
border: none;
/*取消蓝色选中效果*/
outline: none;
/*visibility: hidden;*/
![](https://img.haomeiwen.com/i3018546/6b88cbb564430ba6.png)
3.textarea的自定义可以用问题2的再加一个这行代码可以解决
border: none;
outline: none;
resize:none; 删除掉textarea的右下角的条纹
基本上就是这些还有一些很基础的margin,padding,border的用法!
初次写,如有错误,请雅正!