Html/CSS
分享
扫一扫
Html css前端设计
优惠券已抵扣
余额抵扣
还需支付
¥99.90
¥299.90
购买须知?
本专栏为图文内容，最终完结不会低于15篇文章。
订阅专栏，享有专栏所有文章阅读权限。
本专栏为虚拟商品，基于网络商品和虚拟商品的性质和特征，专栏一经购买无正当理由不予退款，不支持升级，敬请谅解。
AI算法攻城狮
互联网算法工程师，拥有扎实的理论基础和丰富的算法落地实践经验
展开
-
ISO手机端的h5界面 alert弹出框 不显示IP地址
window.alert = function(name){ var iframe = document.createElement("IFRAME"); iframe.style.display="none"; iframe.setAttribute("src", 'data:text/plain,'); document.docu原创 2016-07-05 17:28:52 · 10377 阅读 · 0 评论 -
H5 新增的input元素的类型
一、emailemail 类型用于应在包含E-mail地址的输入域。二、url url类型用于应在包含url地址的输入域。三、numbernumber类型用于应在包含数值的输入域。四、rangerange类型用于应该包含一定范围内数字值的输入域。五、Date pickers(数据检出器)六、searchsearch类型用于搜索域，如站点搜索或Goog原创 2016-06-15 11:23:44 · 3237 阅读 · 0 评论 -
H5新增的嵌入多媒体元素与交互性元素
新增的嵌入多媒体元素有video和audio元素，分别用来插入视频和声音的。值得注意的是可以再开始标签和结束标签之间放置文本内容，这样旧版本的浏览器就可以显示出不支持该标签的信息。例如：您的浏览器不支持video标签。H5也叫web applications 1.0，增加了details、datagrid、menu和command元素就是为了提交页面的交互能力。一、details元素原创 2016-06-15 11:07:44 · 2679 阅读 · 2 评论 -
H5新增的行内的语义元素
一、mark元素mark元素主要用来在视觉上向用户呈现那些需要突出显示或高亮显示的文字，其比较典型的应用就是在搜索结果中高亮显示搜索关键词。HTML5中代码示例HTML4中代码示例二、time元素time元素表示日期或时间，也可以同时表示两者。HTML5中代码示例HTML4中代码示例三、meter元素meter元素表示度量衡，仅仅用于已知最大原创 2016-06-15 10:20:21 · 1944 阅读 · 0 评论 -
H5新增的块级的语义元素
一、aside元素aside元素表示article元素的内容之外的与article元素的相关内容HTML5中代码示例：HTML4中代码示例：二、figure元素figure元素表示一段独立的流内容，一般表示文档主体流内容的一个独立单元。使用元素为figure元素组添加标题。HTML5中代码示例： 我是标题 我是内容原创 2016-06-14 18:35:30 · 2026 阅读 · 0 评论 -
H5 新增的元素和废除的元素
一、section元素section元素定义文档或应用程序的一个区域，如章节、页眉、页脚或文档中的其他部分，它可以与h1、h2、h3、h4、h5、h6等元素配合使用，标示文档结构。html5中代码示例:html4中代码示例:二、article元素article元素表示文档中的一块独立的内容，如博客或报纸中的一篇文章。html5中代码示例:html4中代码示例:三原创 2016-06-14 18:23:01 · 2553 阅读 · 0 评论 -
H5无插件范式
过去，很多功能只能通过插件或者复杂的hack(本地绘图API、本地socket等)来实现，但是在HTML5中提供了对这些功能的原生支持。插件的方式存在很多问题。1、插件安装可能失败。2、插件可能被禁用或者是屏蔽。3、插件自身会成为被攻击的对象。4、插件不容易与HTML文档的其他部分集成（因为插件边界、剪裁和通明度问题）H5可以直接用CSS和JavaScript的方式控制页面原创 2016-06-14 17:56:47 · 955 阅读 · 0 评论 -
H5中的标记方法
一、doctype声明要使用H5标记，必须先进行如下的doctype声明，不区分大小写。Web浏览器通过判断文件开头有没有这个声明，来判断解析器和渲染类型是否切换到对应的H5模式。另外，当使用工具时，也可以再doctype声明方式中加入system标记，不区分大小写，还可以将双引号换为单引号来使用，声明方式如下面的代码。二、字符编码的设置使用meta元素的新属性charse原创 2016-06-06 10:08:18 · 3297 阅读 · 0 评论 -
CSS设置鼠标滑过Table表格时，相应行的背景颜色
.table>tbody>tr:hover { background-color: #fff;}原创 2015-11-17 11:18:34 · 16641 阅读 · 0 评论 -
Html 收银页面设计
一、效果图二、jsp 商品管理 td { text-align: center; } $(document).ready(function () { }); function page(n, s)原创 2016-01-09 17:21:31 · 10337 阅读 · 3 评论 -
简单的导航栏设计
1111111 2222222 333333333 .nav{width:200px;}.nav ul li{width:200px;height:36px;line-height:36px;text-align:center;list-style-type:none;}.nav ul li a{display:block;width:20原创 2015-05-06 16:37:11 · 1171 阅读 · 0 评论 -
bootstrap basic style
<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta原创 2017-12-12 10:37:49 · 608 阅读 · 0 评论 -
bootstrap模态框之加载页面至modal-boby
一、效果图思路：使用$("#reserveForm").html(result); result为Ajax请求controller所返回的页面二、预订会话框Modal<button id="reserveDialog" class="btn btn-primary btn-large" href="#reserveDialogModal" data-toggle="modal">原创 2016-03-04 16:14:39 · 4491 阅读 · 0 评论 -
bootstrap模态框之draggable拖拽移动
一、方案引入jquery-ui.min.js，在任意的 DOM 元素上启用 draggable 功能。通过鼠标点击并在视区中拖动来移动 draggable 对象。参考：http://www.runoob.com/jqueryui/example-draggable.html二、代码 bootstrapModal.html原创 2018-02-04 03:36:42 · 9237 阅读 · 0 评论 -
CSS选择器
标签选择器id选择器class选择器选择器优先级：style>id>class>tag块元素：独占一行行元素：在同一行内连续显示 a\span\img行内块元素：可以设置宽高（块元素的特点）...原创 2019-05-18 17:40:27 · 472 阅读 · 0 评论 -
css 一个汉字空格
1. 切换输入法 为全角 全角空格被解释为汉字，所以不会被被解释为HTML分隔符，可以按照实际的空格数显示。原创 2017-11-05 11:54:41 · 4739 阅读 · 0 评论 -
CSS Table 整体居中显示
第一步：在table外面套一个div，设样式margin:0 auto第二步：table 设样式margin:0 auto完成原创 2017-11-19 16:07:10 · 14090 阅读 · 2 评论 -
CSS选择器
全部标签选择器，例如：选中所有的div加样式id选择器，例如：选中id叫做div1的标签标签加样式class选择器，例如：选中id叫做div1的标签标签加样式>选择器： 表示只选择当前标签的下一级标签 例如 ul>li{}空格选择器：表示选中当前标签下所有标签 例如 ul li{},选择器：表示，前后的标签全被选中 例如 .myClass,#myId ,ul ,ul原创 2017-11-03 23:00:30 · 612 阅读 · 0 评论 -
IE 下button 超链接失效的解决办法
换一个思路 按钮的名称原创 2015-07-16 11:15:45 · 1896 阅读 · 0 评论 -
条件选择css
效果图：1. CSS .select_row{ float:left;width:100%; height:22px; margin-bottom:5px} .select_row a{height:auto; display:block;font-size:13px; text-align:center} .col_blue{color:#06c} .selec原创 2015-10-27 14:22:55 · 1966 阅读 · 0 评论 -
图片选中效果 css
一、图片选中效果图：二、CSS .pic_box{ width:900px;} .pic_box li{ width:204px; height:154px;list-style-type:none; float:left; margin:16px; border:2px solid; border-color: #FFFFFF; position:relative} .del原创 2015-10-29 18:09:47 · 13133 阅读 · 3 评论 -
JSP日期格式化显示
JSP日期格式化显示原创 2016-01-13 17:50:44 · 1383 阅读 · 0 评论 -
一个简单的卡动车排队系统
一、效果图二、代码1、admin.html卡丁车 .img-style{ display: table-cell; vertical-align: middle; text-align: center; font-size:140px; background-color:#0B87F7; height原创 2016-05-26 12:36:14 · 1013 阅读 · 0 评论 -
图片 垂直居中
未知大小图片在已知大小容器水平/垂直居中 <!-- .box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center;原创 2016-05-14 10:27:22 · 783 阅读 · 0 评论 -
HTML在手机端禁止放大缩小
原创 2016-06-08 16:35:53 · 22407 阅读 · 4 评论 -
滚动条下拉时 table 的thead 固定在网页固定在顶部不动
一、效果图二、前端页面<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 场地预定 .table-chang{margin-left: 0px原创 2016-06-17 18:45:54 · 24610 阅读 · 2 评论 -
radio checked
checked="checked" 汇总 明细原创 2016-08-12 13:53:54 · 803 阅读 · 0 评论 -
微信H5 页面 ul li
一、效果图二、代码 场地预定 body { font-family: -apple-system, Helvetica, sans-serif; font-size: 14px; width: 100%;原创 2016-09-06 18:10:25 · 2689 阅读 · 0 评论 -
下拉菜单 spring-form
领队 教练 球员原创 2016-10-08 15:10:58 · 1304 阅读 · 0 评论 -
导航页下拉菜单
一、效果图二、相关知识点Position 属性1、static ：默认值 没有定位 元素出现在正常的流中（忽略top,bottom,left,right或者z-index声明）。2、fixed ：相对于浏览器窗口进行定位。通过left top right 以及 bottom 属性进行规定3、relative ： 相对于自身正常位置进行定位。通过left top righ原创 2017-11-07 14:32:31 · 786 阅读 · 0 评论 -
前端 javascript DOM
DOM通过DOM JavaScript 可以访问HTML文档的所有元素DOM三种访问方式（选择器）根据id选择：document.getElementById("c1");根据class选择：document.getElementsByClassName("c1"); a[0].style.color="red";根据标签选择：document.getElementsByTag原创 2017-10-24 11:14:12 · 750 阅读 · 0 评论 -
jsp button onclick事件汇总
原创 2013-12-27 19:45:09 · 1351 阅读 · 0 评论