2016年10月30日表单标签与样式表分类和选择器

今天上午讲的表单标签
<form name="表单"method="get" action="Untitled-2.html"> <!--get地址栏可以看到值,post不可以-->
<input type="text" name="姓名" value="" />姓名 <!--文本框-->
<input type="password" name="密码" value="" />密码<!--密码框-->
<textarea name="验证码" >验证码</textarea>
<input type="button" name="deng'lu" value="登陆"/><br/><br> <!--普通按钮-->
<input type="reset" name="重置" value="重置"/> <!--重置按钮-->
<input type="submit" name="提交" value="提交"/> <!--提交按钮-->
<input type="image" src="末日/ceb4da0146b44c099878b9936b70570b_th.jpeg" name="证件照" /><br /><br /> <!--图片按钮-->

民族民族<select name="民族" >民族<!--下拉框-->
<option value="汉">汉</option>
<option value="满">满</option>
</select>
性别 <input type="radio" name="性别" />男 <!--单选输入-->
<input type="radio" name="性别" />女<br /><br />
爱好<input type="checkbox" name="爱好">看书 <!--多选输入-->
<input type="checkbox" name="爱好">唱歌


</form>
下午讲的框架和样式表分类和选择器。
框架分为两种:frame框架和iframe框架。1.fame框架用时要去掉外层的body,<frameset rows="300,*" frameborder=“no”</frameset>。把页面分为上下两层,上层300像素高,下层全铺满,去掉分割线。左右分为cols。2.iframe在原来页面嵌入其他页面<iframe src="其他页面地址" frameborder=“0”scrolling=“no”/iframe> scrolling意思为滚动条。
3. 样式表分类:内联样式表>内嵌样式表=外部样式表 重用性最好的是外部样式表,控制最准确的是内联2样式表。内嵌式样式表必须写在head里面。
4.选择器
一:*:选择所有元素
二:标签选择器。例如:div{ }
三:id选择器。以“#”开头。例如 <div id="d1">举例</div>,要对举例两个字进行样式编辑可以写#d1{ }
四.class选择器。以“.”开头。例如<div class="c1" >1</div>
<div class="c1" >2</div>
对数字进行样式编辑可以写成.c1{ }
五.复合选择器。1. ,隔开表示并列 div,span{ }
2.空格隔开表后代
3. .表示筛选。div.c1{ }在div中找class为c1的。
优先级:id>class>标签>*

转载于:https://www.cnblogs.com/F4natasy/p/6013335.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/573056.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

java jframe 设置背景图片_JFrame如何设置背景图片

代码&#xff1a;import java.awt.FlowLayout;import javax.swing.ImageIcon;import javax.swing.JButton;import javax.swing.JFrame;import javax.swing.JLabel;import javax.swing.JPanel;public class JFrameBackground {private JFrame frame new JFrame("背景图片测…

Linux运维操作

http://www.it165.net/os/html/201204/1909.html https://i.cnblogs.com/EditPosts.aspx?opt1 http://www.it165.net/os/html/201204/1877.html http://blog.chinaunix.net/uid-28718792-id-3556036.html 转载于:https://www.cnblogs.com/diyunpeng/p/6014729.html

java拷贝文件目录结构_Java如何复制目录_Java基础教程系列

Java如何复制目录,Java基础教程系列&#xff0c;如果要将目录及其包含的所有子文件夹和文件从一个位置复制到另一个位置&#xff0c;请使用下面的代码&#xff0c;该代码使用递归遍历目录结构&#xff0c;然后使用Files.copy()函数复制文件。文件夹复制实例在此示例中&#xff…

FABRIC单机开发者模式启动

在开始之前需要导出一个自定义变量&#xff0c;方便后续操作&#xff1a; export FABRIC/opt/gopath/src/github.com/hyperledger/fabric/devenv 1.在真机上执行如下操作&#xff0c;进入虚拟机 cd $FABRIC vagrant up//启动虚拟机 vagrant ssh//进入虚拟机 2.在虚拟机中执行如…

JAVA 开发axis2_基于Apache axis2开发Java Web服务

1.安装配置axis2环境下载好后把axis2-1.4.1-war目录下面的axis2.war发布到tomcat的webapps中。发布好&#xff0c;访问&#xff1a;http://localhost:8079/axis2/ 界面如下&#xff1a;2.开发web服务1)创建一个java web project2)编写服务代码1 public classSampleService {23…

Git小技巧 - 指令别名及使用Beyond Compare作为差异比较工具

前言 本文主要写给使用命令行来操作Git的用户&#xff0c;用于提高Git使用的效率。至于使用命令还是GUI&#xff08;Tortoise Git或VS的Git插件&#xff09;就不在此讨论了&#xff0c;大家根据自己的的喜好选择就好。我个人是比较推荐使用命令行的&#xff0c;因为命令行是原生…

java cache-control_详解浏览器Cache-Control缓存策略

原来用的是 Expires 策略,浏览器可以直接从浏览器缓存读取数据&#xff0c;而无需再次请求&#xff0c;它的值对应一个 GMT&#xff0c;来告诉浏览器资源缓存过期时间&#xff0c;如果还没过该时间点则不发请求。例如下面的例子,这是京东的首页里找的一个,时间都干到 2027 年了…

前端路由和后台路由有什么区别?

区别在于express是服务器端的路由&#xff0c;也就是说需要向后台服务器发送请求&#xff0c;然后服务器来决定来render那个.html&#xff0c;这也就是最早的mvc架构模式&#xff0c;而前端的路由是将这一过程放在浏览器端&#xff0c;也就是前台写js代码控制&#xff0c;不在请…

java 反编译 报错_java反编译后再编译成class时提示缺少包

问题描述我下载了一个对方的Jar程序,可以正常运行,但是我想修改程序里面的一些内容,比如其程序中有一个函数public void setNumTarget(final long numTarget) {this.numTarget numTarget;}我想让其变成类似这样的(当然这只是其中一处想要修改的地方,还有几处稍微复杂点的)publ…

freeCodeCamp:Diff Two Arrays

比较两个数组&#xff0c;然后返回一个新数组&#xff0c;该数组的元素为两个给定数组中所有独有的数组元素。换言之&#xff0c;返回两个数组的差异。 function diff(arr1, arr2) {var newArr [];var newarr1 arr1.filter(function(item){ return arr2.indexOf(item) -1;})…

java多线程并行执行命令_深入理解Java多线程与并发框(第④篇)——重排序、屏障指令、as-if-serial规则...

![](http://img.blog.itpub.net/blog/2020/03/24/906435fda570a5e3.png?x-oss-processstyle/bb)# 一、重排序前篇文章已经讲了Java内存模型和与其三个特性&#xff1a;原子性、可见性、有序性。但事实上&#xff0c;为了提升程序的执行性能&#xff0c;编译器 和 处理器 常常会…

前端必备切图ps篇

前言&#xff1a;当设计师通过photoshop工具设计完设计稿导出psd文件时&#xff0c;我们前端工程师该如何进行切图转换成网页的所需的图片呢&#xff0c;接下来讲讲如何利用photoshop工具快速简洁的切图&#xff0c;因为ps工具用到的行业很多&#xff0c;涉及到的各个行业&…

jquery ajax mysql登录_ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库...

1.ajax的基础知识ajax是结合了jquery、php等几种技术延伸出来的综合运用的技术&#xff0c;不是新的内容。ajax也是写在如果使用ajax一定是要有1个处理页面的&#xff0c;处理页面只是操作数据库并且返回值&#xff0c;页面都是ajax处理的。ajax的写法&#xff1a;test.php1 2 …

jenkins配置记录(2)--代码发布流程

在我们的日常运维工作中&#xff0c;使用jenkins来完成业务代码发版上线是至关重要的一环。前面已经提到在jenkins上添加用户权限的操作&#xff0c;今天重点说下如何在jenkins下构建项目工程进行代码发布&#xff1f; 在此简单介绍下jenkins进行代码发布的流程&#xff08;根据…

ril.java_RIL.java里request流程

Android GSM驱动模块(rild)详细分析(二)request流程熊猫哥哥 发表于IT168和Opendroid 转载请注明1. 多路复用I/O机制的运转上文说到request是接收,是通过ril_event_loop中的多路复用I/O,也对初始化做了分析.现在我们来仔细看看这个机制如何运转.ril_event_set负责配置一个event…

hibernate优化笔记(随时更新)

一:优化配置 1.关联映射的配置:对照之前的博客,如:inverse属性的设置(减少对同一对象的多条update语句):在one端设置为true,只会执行一次update语句 2.级联cascade属性设置:全部或部分设置为级联 如设置为sava-update(级联更新),当进行保存或更新时,会级联保存所有的关联映射的…

oracle 布尔转换java布尔_java 布尔值一种赋值方法

解决在配置Oracle数据库连接错误问题项目开发使用的Oracle,但是使用了不同的版本的Oracle数据库.然后自己在电脑上安装了2个连接客户端,版本分别是: 10.2.0 12.1.0 用Toad for Oracle 9.0的时候,我 ...XSS跨站脚本小结XSS漏洞验证经常遇到一些过滤,如何进行有效验证和绕过过滤呢…

ASP.NET Request.UrlReferrer 问题

ASP.NET Request.UrlReferrer 作用&#xff1a; 官网解释&#xff1a;Gets information about the URL of the clients previous request that linked to the current URL. 获取 到达当前页面之前的URL信息 此Request.UrlReferrer 容易为null&#xff0c; 当第一次打开当前页面…

联合查询(查找所有分类及其父类)

//查找所有分类及其父类SELECT s.type_id, s.type_name, p.type_name FROM 表1 AS s LEFT JOIN 表2 AS p ON s.parent_id p.type_id; 转载于:https://www.cnblogs.com/dengyg200891/p/6030484.html

autoitv3点击windows界面

在自动化测试过程中会遇到如下windows安全认证&#xff0c;需要输入账号和密码&#xff0c;这个认证对话框不属于element元素。无法用selenium操作&#xff0c;需要用autoitv3操作&#xff0c;输入账号密码后&#xff0c;再进行web元素操作。 有2中方式&#xff1a; 第一种&…