html+css编写用户注册协议页

需求:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>用户注册协议</title>
    <style>
        .logo{
        position: fixed;
        background-color: #333;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        opacity: 0.6;
    }
    .zck{
        position: fixed;
        height: 545px;
        width: 947px;
        top: 10px;
        left: 197px;
        background-color: white;
    }
        .sm{
        background-color: lightgrey;
        height: 31px;
    }
    </style>
</head>
<body>
<div class="logo">
<div class="zck">
<div class="sm">
<div style="font-weight: bold;padding-top: 5px;padding-left: 7px;color: black;float: left;z-index: 5;">今冬用户注册</div>
<div style="background-image: url(img/dialog.png);height: 23px;
    background-repeat: no-repeat;float: right;background-position: 3px 7px;
    padding-right: 10px;padding-top: 10px;z-index: 11;cursor: pointer;"">&nbsp;</div>
<div style="clear: both;"></div>
</div>
<div style="height: 30px;"></div>
<div style="background-color: saddlebrown;height: 374px;width: 897px;border:0px;margin: auto;">
<textarea style="width: 897px;height: 374px;">
精冬用户注册协议
。。。。。。。。。。。。。。
。。。。。。。。。。。。。。。
第1条 本站服务条款的确认和接纳
1.1 .....
1.2 .....
1.3 .....
1.4 .....
第2条 本站服务
2.1......
2.2......
2.3......
第3条 用户信息
3.1......
3.2......
3.3......
第4条 用户依法言行义务
4.1......
4.2......
4.3......
4.4......
4.5......
第5条  商品信息
5.1......
5.2......
5.3......
5.4......
5.5......
</textarea>
</div>
<div style="position: relative;height: 110px;width: 947px;position: fixed;">
<div style="position: absolute;height: 60px;background-color: white;width: 250px;bottom: 20px;left: 350px;">
<button style="font-size: 25px;background-color: red;
    margin-left: 35px;margin-top: 2px;padding-left: 30px;
    padding-right: 30px;padding-bottom: 10px;padding-top: 10px;
    cursor: pointer;">
    同意并继续
</button>
</div>
</div>
</div>
</body>
</html>

时间: 2024-08-09 02:07:09

html+css编写用户注册协议页的相关文章

html+css开发用户注册页面

需求: 用html+css开发用户注册页 代码展示:(仿京东注册页) <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "  <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content=&qu

HTML+CSS编写规范

在任何一个项目或者系统开发之前都需要定制一个开发约定和规则,这样有利于项目的整体风格统一.代码维护和扩展.由于Web项目开发的分散性.独立性.整合的交互性等,所以定制一套完整的约定和规则显得尤为重要. 第一节 CSS样式文件的命名 建立样式表文件时,分类编写样式到下列样式表文件中,并统一放在[CSS]文件夹里: 主要 main.css 文字样式 font.css 表格 table.css 主题 themes.css 打印 print.css 补丁 mend.css 在项目初期,会把不同类别的样式

CSS编写指导规范和建议

在参与规模庞大.历时漫长且参与人数众多的项目时,所有开发者遵守如下规则极为重要: 保持 CSS 易于维护 保持代码清晰易懂 保持 CSS 的可拓展性 为了实现这一目标,我们要采用诸多方法. 本文档第一部分将探讨语法.格式以及分析 CSS 结构:第二部分将围绕方法论.思维框架以及编写与规划 CSS 的看法. CSS 文档分析 无论编写什么文档,我们都应当维持统一的风格,包括统一的注释.统一的语法与统一的命名规范. 总则 将行宽控制在 80 字节以下.渐变(gradient)相关的语法以及注释中的

如何能提高CSS编写技巧 提高Web前端开发效率

如何能提高CSS编写技巧?怎么学好Web前端开发?很多人在学习Web前端时,刚开始都会学习HTML和CSS,HTML用于文本内容,CSS用于样式设计,掌握这两部分知识就可以进行简单的页面制作.不过如果耗时过长作品一般未免有些得不偿失,因此你需要掌握一些技巧,以提高CSS编写效率. 1.使用flex进行布局 flex弹性布局的出现是有原因的.浮动和inline-block虽然也能实现很多的布局效果,但它们本质上是文本和块元素布局的工具,而不是面向整个网页的.flex可以很容易的按照我们预期的方式创

css编写注意事项(不定时更新)

CSS的编写是需要积累的,而一个好的css编写习惯对我们将来的成长是非常有利的,我会把我平时看到的或者遇到的会不定时的更新到这里,不时翻一下,但求有所进步. 如果各位看官也有看法和建议,评论下,我也会更新进来,谢谢! 1.css选择符是从右到左进行比配的,例如 #nav li,查找时先会去找到所有的li,然后再去筛选父元素,确定匹配的父元素......所以性能其实很差 所以尽量减少深度 2.减少inline  CSS的数量 3.使用现代合法的css属性 4.避免使用后代选择符 ,尽量使用子代选择

css - 紧贴底部的页脚

有的时候,由于页面长度不够,页面底部的页脚会很尴尬的跑上来,如图: 有的同学可能会想用position:fixed;bottom:0;来永远居底.但有些场景确实不适合. 这是我从YII2中找到的简单解决方案 原理是将最外围的容器.warp 设置最小高度为100%,并且使用margin:0 auto -60px 将页脚吸上来.如图: demo:主要看CSS部分 <html> <head> <meta charset="UTF-8"> <title

Emmet:HTML/CSS编写插件

http://www.iteye.com/news/27580 用法: http://docs.emmet.io/cheat-sheet/ sublime 2 添加:1. Ctrl+Alt+p -> install 2. emmet Emmet:HTML/CSS编写插件

个人css编写规范

前言:最近在做微信小程序,因为公司小,就我一个人弄前端的东西,js和页面都是我来弄,结果那天后台的人看到我的js代码,说我的代码写得不规范,函数什么的都很乱,弄得我羞愧难当,幸亏没看我的css,其实我的css命名也很随意==!一直觉得自己css其实还是可以的,但是突然发现自己到现在的css还没有很规范,很多名称什么的还很随意,有的地方用驼峰命名,有的又用横杠,有的还会用下划线,真的太随意了,所以就上网搜了搜命名规范,改了两天终于把样式全改过来了.因此做个小结: 意义:感觉规范css代码是非常有意

通过Android studio编写用户注册信息表单(实现用户交互)小demo

通过Android studio编写用户注册信息表单(实现用户交互)小demo,话不多说直接上小demo 1.activity_ main.xml中的约束布局设计原型样式图:  2.在模拟器中演示效果:  3.实现约束布局代码,代码存放在activity_ main.xml <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayou