无聊的作业---html

大家好,我刚学的html,下面是我自己做的一些笔记。刚学不久所以不会那么多的东西,望大家指正!

下面是我写的网页!!

无聊的作业---html_第1张图片
就是这个

我用的sublime  ---  代码如下:

无聊的作业---html_第2张图片
无聊的作业---html_第3张图片


无聊的作业---html_第4张图片


无聊的作业---html_第5张图片


无聊的作业---html_第6张图片


无聊的作业---html_第7张图片


无聊的作业---html_第8张图片
无聊的作业---html_第9张图片


无聊的作业---html_第10张图片


无聊的作业---html_第11张图片


无聊的作业---html_第12张图片
无聊的作业---html_第13张图片


无聊的作业---html_第14张图片


无聊的作业---html_第15张图片
无聊的作业---html_第16张图片
无聊的作业---html_第17张图片
无聊的作业---html_第18张图片
无聊的作业---html_第19张图片
无聊的作业---html_第20张图片


无聊的作业---html_第21张图片


无聊的作业---html_第22张图片


无聊的作业---html_第23张图片


无聊的作业---html_第24张图片

下面是我在写这个是遇见的难点:

1.在查找新世界城市活动里的select框无法进行自定义

可以用下面的代码来解决:

/*清除样式*/

/*appearance:none;

-moz-appearance:none;*/

-webkit-appearance:none;   取消原来的样式

/*在选择框的最右侧中间显示小箭头图片*/

background: url(images/select-bg.png) no-repeat scroll right 10px center transparent;   

背景添加图片      ------                            不重复      滚动条 向右 间距10px  高底居中


2.自定义成为志愿者的input type=“text”框:

可用以下代码

/*关闭边框*/

border: none;

/*取消蓝色选中效果*/

outline: none;

/*visibility: hidden;*/

无聊的作业---html_第25张图片

3.textarea的自定义可以用问题2的再加一个这行代码可以解决

border: none;

outline: none;

resize:none;   删除掉textarea的右下角的条纹

基本上就是这些还有一些很基础的margin,padding,border的用法!

初次写,如有错误,请雅正!

你可能感兴趣的:(无聊的作业---html)