DW网页代码笔记

1.样式。       class  插入类样式  
标签技术（html）解决页面的内容
样式技术（css）解决页面的外观
脚本技术       解决页面动态交互问题
<form><input type="text" placeholder="请输入文字" class="kuang2"/><input type="submit" value="搜索" class="anniu1" /></form>

字体：
    …………font-size: 字体大小
    …………font-family:设置字体
……………    color:字体颜色
    text-align:对齐方式   center居中    left左   right右
    text-indent:首行缩进
    font-style:是否倾斜  |italic  倾斜  normal正常
    font-weight:bold加粗  normal 正常
    text-decoration:线条  underline下划线    overline上划线   linethrough删除线       none 没线
    line-height:行高
    letter-spacing;字于字之间的距离
       class 填写标签

display:black   换行设宽高
    display:inline-black  即不换行又可以设置宽高

<p></p > 段落
    <span></span>普通文字
    
类样式开头
    <style type="text/css"></style>
    *{margin:0px; padding:0px;}
超链接
    <a hret="#"></a >
        <a hret="图片路径"></a >

原网页

另打开一个网页
 
表单:<body></body>

<form></form>
          method="post"/get
        安全/ 不安全
单元格
    <body>
        <form>
        <table>
               <tr>
               <td>账号<input type="text" name="name" ></td>
               </tr>   (文本框）    (账号）
               <tr>
               <td>密码<input type="password" name="pad" ></td>
       </tr>           （密码）
    </table>    
    </form>
</body>     value placeholder="文本框中的文字"

textarea 备注 多行文本框
<input type="radio"
       （性别）
<input type="checkbox"
        (多选框)
<input type="file"
        （上传图片）
<input type="text"
    （搜索栏）
       type="submit"
        （搜索按钮）

button 普通按钮

reser 重置

submit 提交

value
按钮上的文字

下来列表
请选择：
<select>
<option>点</option>
<option>1</option>
<option>2</option>  
<option>3</option>
<option>4</option>
</select><br/>

<br/> 换行
背景属性
    background-color 背景颜色         centent中     
           image 背景图像
           repeat 重复
 移动图片:background-position：

display:inline;横排
表格  <table></table/>    width 长    border 线宽   frame 显示外边框  rules  显示内边框
    <tr>行<td>行里面的单元格</td></tr>
 列表              <ul><li>点</li></ul>
            list-style-type:none; 去点
               <ol></ol>
                   <dl><dt><dd></dd></dt></dl>
                colspan 竖
                rowspan 横

边框属性                   
    border:设置边框（px）     solid颜色   auto 平分
    padding：（px）内间距   （上下）（左右）上 右 下 左
    border-collapse:表格边框是否分开 collapse不分开 separate分开     边框线
    display-block 排列方式：从上到下排列
    display--inline          从左到右
    margin-top上    right右   bottom下   left左（外部距离）
    padding-
    border-style样式 width宽度  color颜色
    solid 实线 dashed虚线 dotted点线 double 双线
    height；设置高度
    line-height 设置行高
    border-radius 切园

漂浮  clear:both 忽略漂浮   左漂浮left            float:right右漂浮
background-siez填充图片大小

#xiao1{设置属性}
<div id="da">
    <div id="xiao1">xiao1</div> 漂浮  
    <div id="xiao1">xiao1</div> 漂浮
    <div id="xiao1">xiao1</div> 漂浮
    <div id="xiao4">xiao4</div>   不漂浮
</div>

按钮
    a{text-decoration;none;}去下划线
    a:linked{color:颜色} 没点过的颜色
    a:hover{color:颜色} 鼠标放上去
    a:visited {color:颜色}鼠标点过一次
    a:active{color:颜色} 鼠标点中激活链接的颜色

定位
position;relative相对定位
    absolute绝对定位

大四边形得用以下小四边形的定位。否则小四边形的参照物是整个网页
子标签绝对定位。父标签相对定位

background:linear-gradient(to bottom, #d1d1d1,  #f4f4f4, #f5f5f5);
                  上下左右
渐变色

position:relative; 鼠标移动到图片上变手指
position:fixed;悬浮在页面顶端
关键字如下：
 …………文本框限制数10字：maxlength“10”
…………方框居中：margin-left：50px
…………居中：text-align:center
左对齐：left...右对齐：right
…………隐藏手机号码:placeholder

…………点鼠标提示文字：title
………上传图片：file
…………用来插样式：(span）
…………去点：lime-style-type：none
………第一图片：lime-style-image
…………行高：lime-height：30px
…………漂浮：float：left
………超连接：<a..href>
………编加图片<img..src>
……….a去线：text-decration：none
………斜体字：em
………文字加粗：select
………切园：border-radius
………相对定位：position:relative
………绝对定位：position：absolute
………内填充：padding
 ………外边界：margin
………边框： border
上：top,下bottom, 左：left,右：right
……字体颜色：color
……背景颜色：background:color
背景图片：background：image
不平铺：background-repeat-no-repeat
平移图片：background-position
字体大小：font-size
设计字体：font-family
字体样式：font-style
宽：width,高：height
 应用选择器：class..#.id
实线：solid,虚线dashed，点线：dotted
双线：double
有序列表：ol,无序列表ul(li)
表格：table,tr,td
夸列：colspan....夸行：rowspan
普通框：text
密码框：password
单选按钮：radio
多选按钮：checkbox
下拉框：select,option
文本框：textarea....宽cols..高rows
重置按钮：reset....提交按钮：submit
普通按钮：button
按钮上的文字：vabmt
下拉菜单：1..dropdown
2..dropdown-content
3..dropdown:hover空格.dropdown-content
1{display:inline-block}
2{display:none;background-color;min-width;box-shadow..rgba..;padding}
3.{d

DW网页代码笔记的更多相关文章

  1. 各种SKYPE网页代码，SKYPE在线代码

    各种SKYPE网页代码,SKYPE在线代码 <a href="skype:账户?chat" target="_blank">开始 Skype 文字聊 ...

  2. inno安装卸载时检测程序是否正在运行卸载完成后自动打开网页-代码无效

    inno安装卸载时检测程序是否正在运行卸载完成后自动打开网页-代码无效 inno setup 安装卸载时检测程序是佛正在运行卸载完成后自动打开网页-代码无效 --------------------- ...

  3. 【hadoop代码笔记】Mapreduce shuffle过程之Map输出过程

    一.概要描述 shuffle是MapReduce的一个核心过程,因此没有在前面的MapReduce作业提交的过程中描述,而是单独拿出来比较详细的描述. 根据官方的流程图示如下: 本篇文章中只是想尝试从 ...

  4. 【hadoop代码笔记】hadoop作业提交之汇总

    一.概述 在本篇博文中,试图通过代码了解hadoop job执行的整个流程.即用户提交的mapreduce的jar文件.输入提交到hadoop的集群,并在集群中运行.重点在代码的角度描述整个流程,有些 ...

  5. 【Hadoop代码笔记】目录

    整理09年时候做的Hadoop的代码笔记. 开始. [Hadoop代码笔记]Hadoop作业提交之客户端作业提交 [Hadoop代码笔记]通过JobClient对Jobtracker的调用看详细了解H ...

  6. HTTP基本协议(查看网页代码)

    此示例已实现查看网页的代码来理解HTTP基本协议: (返回的是百度首页的网页代码) import java.io.BufferedReader; import java.io.IOException; ...

  7. JS获取整个HTML网页代码 - Android 集美软件园 - 博客频道 - CSDN.NET

    JS获取整个HTML网页代码 - Android 集美软件园 - 博客频道 - CSDN.NET JS获取整个HTML网页代码 分类: Android提高 2012-01-12 23:27 1974人 ...

  8. <Python Text Processing with NLTK 2.0 Cookbook>代码笔记

    如下是<Python Text Processing with NLTK 2.0 Cookbook>一书部分章节的代码笔记. Tokenizing text into sentences ...

  9. three.js 3d三维网页代码加密的实现方法

    http://www.jiamisoft.com/blog/17827-three-js-3dsanweiwangyejiami.html https://www.html5tricks.com/ta ...

随机推荐

  1. 【JVM从小白学成大佬】5.垃圾收集器及内存分配策略

    前面介绍了垃圾回收算法,接下来我们介绍垃圾收集器和内存分配的策略.有没有一种牛逼的收集器像银弹一样适配所有场景?很明显,不可能有,不然我也没必要单独搞一篇文章来介绍垃圾收集器了.熟悉不同收集器的优缺点 ...

  2. python 27 异常处理

    目录 异常处理 1. 错误分类 2. 异常 3. 异常处理 4. 异常处理的两种方法 5. try的结构 5.1 结构一:单分支结构 5.2 结构二:多分支结构 5.3 结构三:万能异常 5.4 结构 ...

  3. 替代Flume——Kafka Connect简介

    我们知道过去对于Kafka的定义是分布式,分区化的,带备份机制的日志提交服务.也就是一个分布式的消息队列,这也是他最常见的用法.但是Kafka不止于此,打开最新的官网. 我们看到Kafka最新的定义是 ...

  4. MSIL实用指南-类相关生成

    一.创建class用MethodBuilder的DefineType方法,可以指定父类,得到一个TypeBuilder对象. 二.实现继承接口用TypeBuilder的AddInterfaceImpl ...

  5. 试试 IEnumerable 的 10 个小例子

    IEnumerable 接口是 C# 开发过程中非常重要的接口,对于其特性和用法的了解是十分必要的.本文将通过10个小例子,来熟悉一下其简单的用法. 全是源码 以下便是这10个小例子,响应的说明均标记 ...

  6. postman 接口参数化操作

    最近一直忙于AI模型的准确率任务中,这种操作需要大量的数据才能计算出模型的准确率.所以这里问遇到的问题和之前数据随机参数化有点不同,之前的参数比如说用户姓名或用户身份证号,这样数据可以在postman ...

  7. 微信小程序捕获async/await函数异常实践

    背景 我们的小程序项目的构建是与web项目保持一致的,完全使用webpack的生态来构建,没有使用小程序自带的构建功能,那么就需要我们配置代码转换的babel插件如Promise.Proxy等:另外, ...

  8. Java 复制PPT幻灯片

    本篇文章将介绍通过java程序原样复制PPT幻灯片的方法.这里分两种情况来复制,即 在同一幻灯片文档中复制 在不同幻灯片文档间复制 使用工具:Free Spire.Presentation for J ...

  9. PHP小补充

    code1-1 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> < ...

  10. C#开发BIMFACE系列18 服务端API之获取模型数据3：获取构件属性

    系列目录     [已更新最新开发文章,点击查看详细] 本篇主要介绍如何获取单文件/模型下单个构建的属性信息. 请求地址:GET https://api.bimface.com/data/v2/fil ...