HTML手机编程(手机html代码编辑器)
手机编程css在哪?
html或 jsp引入外部css样式：
link href="${contextPath}/htuser/css/global.css" rel="stylesheet" type="text/css" /
?
css写法
注：如果在.css文件中，直接写样式
? ? ? ?如果在jsp中写样式，需要在写在style type="text/css"/style中
?
1.直接给html标签定义样式
ul { list-style:none;margin:0;padding:0;}
table {table-layout: fixed;}
?
? ? ? ?多个标签同时定义
ul,li {
?????margin: 0;
?????padding: 0
}
?
dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form { margin:0;padding:0;}
?
2.根据id定义样式
#container {
?????overflow: auto
}
?
? ? ? 多个id同时定义样式
#pager2,#pager3,#pager4{
?????background: #eff5ff;
?????color:black;
}
?
3.根据class定义样式
.inpuGrey{
?????background-color: lightgray;
}
?
多个class同时定义
.btn_left, .btn_right{
?????clear: both;
?????color:#fff;
?????line-height:32px;
?????height: 32px;
?????position:relative;
????? margin:0px;
????? width:100%;padding-left:15px;
????? padding-right:15px;
????? margin:0px;
????? background: url(../images/ydzy_img/search_bg_left.png) no-repeat left top;
}
?
4.指定id下指定class的子元素的样式：（可以反过来用，通过class找id）
#sidebar .content1 {
?????height:auto;
?????position:absolute;
?????top:30px;bottom:7px;width:116px;
?????background:url(../images/ydzy_img/left_tree_center.png) repeat-y center top;
}
?
5.给所有的文本框定义样式
input[type="text"]{
?????width:40%;
}
?
下拉
select{
??? width:50%;
}
?
给所有的文本框和下拉框定义样式
input[type="text"],select{
?????width:40%;
}
?
给按钮定义样式
input[type=button]{width:63px;height:23px;text-align:center;line-height:23px;color:#fff;font-size:12px;border:0px;background:transparent url(../images/btn_bgs.png)? repeat-x center center;}
?
给id="citySel"的文本框定义样式
input[type="text"]#citySel{
?????width:60%;
}
?
给id="grid"的表格的行列定义样式
#grid tr{border-right:1px solid transparent}
#grid td{font-size:13px;}
?
给class="pg_pager"下的所有td定义样式
.pg_pager td{border:0px;color:rgb(34, 34, 34);font-size:14px;}
?
6.根据路径定义内层样式，例如找到内层表格的td并定义样式(可以越级，但是路径要正确)
.main_bodys_wyyfsgl #searchConditiondiv table td{
?? width:200px;
}
?
.main_bodys_vyywh #searchConditiondiv table tdspan
{
?????position:absolute;
?????left:85px;right:0px;
?????width:auto;
}
?
.main_bodys_vyywh #searchConditiondiv table tdspan input[type=text],table tdspan? select {margin-top:0px !important;width:100%}
?
.main_bodys_wyyfsgl??? .ui-dialog .ui-dialog-content form{padding-right:50px}
?
.main_bodys_vyywh?img#show{float:left;}
?
.main_bodys_vyywh??img#showE{float:left;}
?
? ? ? ??注：如果是找下级 id或class之间用空格，如果并列定义同一个样式用逗号?*****html自有标签和id或class之间可以不用空格?img#showE
?
实际过程中要根据情况调试
?
滚动条一般用在div标签
style="overflow-y:scroll;"
?
#addform,#editform{
????? overflow: auto;
??? }
?
7.同时使用两种样式? ?例如?class="btn-block button-ripple"?
?
评论2发布评论
ba2bfff5555b
2021-09-18 11:41:30
写的太棒了，受教了，谢谢大佬分享！
0ee763fd308e
2021-09-17 17:58:16
使用过程中有些小问题，希望能够向博主学习
相关文章
JavaWeb - 多级菜单、分组嵌套“递归”写法
设计思路：最简单的查询全部分组数据，然后通过Java 程序控制分层问题，借用临时 Map 来快速定位父子分
组合模式安全写法实现多级目录
1.安全写法规定相对于透明写法而言，顶层的抽象中只包含必要的细节。不用实现不要的方法，具体细节在子类实现中实现。
【Css】设计多级菜单
HTML !DOCTYPE html html lang="en" head meta charset="UTF-8" titleTitle/title link rel="stylesheet" href="Style.css" /head body ul i ...
css实现多级菜单
实现原理 用ul和li 来展示多级菜单，当ul上有鼠标时，就展开该ul下的所有li标签， 当ul(包括
css写法进阶
.class1 .class2 .class3 ... 可以设置一个index变量变化，1，2，3， ... 定义类名的时候用数字定义，后续只要通过改变index就可以实现改变类名展现不同的样式 例如 :class=" ` class${index} ` " 另一个场景 :class="['img' ...
CSS hack写法
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??表格1 选择器hack 选择器hack写法 针对的浏览...
标准CSS 列表写法
前台的HTML代码如下：div class="last"span class="title"专题教程/span ullia href="#"Lightroom专题集/a/lilia href="#"非主流照片教程集/al...
浅谈缓存写法（二）：多级缓存、分布式缓存
缓存预热上次有同学问过，在第一次加载时缓存都为空，怎么进行预热。单机Web情况下一般使用RunTimeCache，这种情况下：可以在启动事件里面刷新prestyle="margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;font-family:"CourierNew"!
div+css hack写法???
DIV CSS设计中常见问题的解决办法2010-08-17 11:35 飘零雾雨 doyoe.com 我要评论(0) 字号：T | T本文向大家介绍一下DIV CSS设计中常见问题的解决办法，作为前端开发人员，在日常的页面制作时，不可避免的会碰上这样那样的问题，这里和大家分享一下。AD：本文和大家重点讨论一下DIV CSS设计中常见问题的解决办法，作为前端开
LessCss打造Css新写法
正常的CSS样式表写起来比较繁琐，用【Less 动态 样式 语言】模式来写就方便多了LESS 将 CSS 赋予了动态语言的特性，如?变量，?继承，运算，?函数. LESS 既可以在?客户端?上运行 (支持IE 6+, Webkit, Firefox)，也可以借助Node.js或者Rhino在服务端运行。直接上例子Global里都是公共的
现在很多手机页面都是用html5制作，html5有什么优势？
"对于用户来说，html5提高了用户体验，加强了视觉感受。
1、HTML5技术在移动端，能够让应用程序回归到网页，并对网页的功能进行扩展，用户不需要下载客户端或插件就能够观看视频、玩游戏，操作更加简单，用户体验更好。
2、HTML5的视音频新技术解决了移动端苹果和安卓4.0+，对flash的支持问题。在视音频方面，性能表现比flash要更好。
3、网页表现方面，HTML5中的CSS3特效样式、Canvas、webgl的介入，不仅加强了网页的视觉效果，甚至能够使用户在网页当中看到三维立体特效。
4、另外其跨平台的特点，可以避免传统移动终端上的Native App，开发者必须针对不同的操作系统进行研发工作的弊端，从时间和资金成本上讲远小于跨系统移植。
而且html5的语言简单，容易学习。
现在国内已经出现一批html5页面制作平台，让不懂编程的用户也能自己制作。国内制作html5页面的平台出名的有maka.im和vxplo，maka.im通过选择模板，添加效果、图文即可完成制作，vxplo界面类似于photoshop，个性化程度高，但是操作比较复杂。"
怎么制作html5手机页面？
1、学html5，然后自己编程，如果有html的基础，其实不会太难；2、去html5页面制作平台，如vxplo、wix、maka.im都可以做html5的手机页面，不过wix现在没有中文网站；vxplo功能很齐全，但同时操作很复杂，一般人不会使用；maka.im通过模板组合、添加图文的方式制作，适合刚入门的童鞋。
如何用html做手机百度的代码？（切记！不是电脑百度，而是手机百度，手机百度！！）
看天使经验的人应该都是有一定编程基础的人，天使就不一一介绍怎么打开vs2008了。点击【文件】【新建文件】【常规】【HTML页面】【打开】
如图所示，新建了一个空白的html页面，拆分视图
设置页面body样式信息
【-webkit-touch-callout: none; -webkit-text-size-adjust: none;】
是防止用户复制和保存图片,只支持iphone、ipad、android
设置页面的宽度和高度
【.page-content{background:-webkit-linear-gradient(#2F5A53,#6CA199); top:352px; min-height:550px;_height:550px;width:640px; }】
【关键点】
新建一个div标签，样式使用page-content
在段落标记p里面输入文字信息，这里天使就不排版了，主要是教大家方法，然后保存网页
将网页上传到服务器目录下
输入网站域名，在电脑上访问可以看见如图所示效果，只有左侧部分
我们使用手机访问，得到如图所示效果，就不会像直接书写html代码一样文字很小
完整代码
【
!DOCTYPE htmlhtml head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / meta http-equiv="X-UA-Compatible" content="IE=edge" / meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" / meta name="apple-mobile-web-app-capable" content="yes" / meta name="apple-mobile-web-app-status-bar-style" content="black" / meta name="format-detection" content="telephone=no" / title不落泪的天使/title/headbody div style="margin: 0px; padding: 5px; border: 1px solid rgb(204, 204, 204); max-width: 100%; font-size: 16.363636016845703px; font-family: 宋体; line-height: 26.666667938232422px; background-color: rgb(248, 247, 245); word-wrap: break-word !important; box-sizing: border-box !important;"span style="max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important; color: rgb(57, 57, 57); font-family: 微软雅黑; font-size: 14px;"不落泪的天使/span/div/body/html
】
目前编写一款简单的手机应用APP一般用什么编程语言？
编写手机App，用什么语言？
从简单到复杂，可以分三级：
简单方案：HTML5
其实就是把网页封装成App。编程语言就是网页三件套：HTML+CSS+Javascript
有多种工具和框架，如Cordova, uni等等。
这种方式实现“App”最容易，且跨平台，对于iOS和Android做一套就行了。代价是功能弱，性能低，换句话说就是“卡”。
中等方案：原生跨平台框架
这类方案在iOS和Android之上自行实现一套原生框架。通用的Flutter, ReactNative都是流行的原生跨平台框架。适用于 游戏 的Cocos2D，Corona SDK也可以算在这一级里。
这类方案实现App难度中等，因为跨平台，一次开发，iOS和Android都能运行。功能和性能也是中等，比不上原生App，但比HTML5的又好很多。
复杂方案：原生开发
直接在iOS和Android上各自开发一套原生App。
iOS可以使用Objective C或Swift。
Android可以使用Java或Kotlin。
还是来一个图表吧，虽然简单，却很明了：
推荐用Flutter，简单。
以前自己用android原生写过7天酒店签到程序，不过当时的安卓还是比较难写的，不像现在越来越容易上手。
Flutter
Flutter是一个由谷歌开发的开源移动应用软件开发工具包，用于为Android、iOS、 Windows、Mac、Linux、Google Fuchsia开发应用。
Flutter应用是使用Dart语言编写的，虽然是新的一种语言，但是难度不算大，上网搜下相关教程学习下，应该就能很快上手。
Flutter效果
这里是我上个月仿照教程弄的一个简单APP，效果图如下：
点击"Next"就切换下一张，点击"Pre"就切换前一张，点击“Reset”就全部滑落下来。
我女儿最喜欢中间的Reset效果，哈哈。
希望这个答案能帮到你。
现在Flutter正式版已经出来了，原生性能，安卓iOS多平台支持，谷歌大厂背书，大家可以比较放心的学习。编程语言用的是Dart，可以看做是加了语法糖版本的Java，学习起来也比较容易，如果想做手机app，可以考虑使用它。
如果只是自己做着玩的话推荐用H5开发，开发工具HBuilder或者HBuilderX。
先科普下什么是IOS和Android吧。
IOS只是操作系统而已，是苹果的操作系统。
开发IOS上运行的APP的话，现在流行的语言是Object-C和Swift。
Android也是操作系统，是谷歌基于Linux内核开发出来的手机操作系统。
开发Android上运行的APP的话，现在流行的语言我觉得仍然还是JAVA。
如果想要真的做一款APP的话，不仅仅会一门语言就够了，涉及的东西比较多，如下是我给你的学习推荐路线。
学习路线：
1：先学习js，然后学习下html 、css。
学习这些可以上菜鸟教程或者W3School网站学习。
开发工具使用vscode或者Notepad++都可以的。
2：了解Mui常用组件（官网：），
熟悉常用API(官网：)。
3：服务端的开发，要么用java开发，要么用.net webapi开发，推荐理由，java目前是主流，.net webapi简单容易。
java 开发工具IntelliJ IDEA，.net 开发工具 vs。
4：数据存储使用mysql。
补充说明：如果是想做专业开发APP的话还是建议用java开发客户端，ios APP则用swift开发。
当然现在为了一套代码多个平台，使用H5开发专业APP的也有。
会了就可以正式撸代码实现自己简单的APP了。
回答完毕，谢谢。我是只说代码的大饼。
那当然首选是h5套壳了。关于语言方面，我建议还是用PHP吧。随着进一步学习，可以学习uinapp一键多端。H5、小程序、App、小程序支持多个平台上架、微信抖音支付宝百度，希望可以帮助你
目前有三种app开发方式：原生app、混合app、webapp。
原生app：安卓需要java语言，ios需要 objec t-c，wp需要的.net语言。这种app用户体验最好，性能也是最好的，开发成本高，开发周期长，一款app需要开发多个语言版本；
混合app：需要h5，javascript，了解每个混合框架，比如appcan、hbulider、phonegap等等，以及封装的中间件。这种开发方式的用户体验、性能没有原生的好，但是他的开发周期短，开发成本低，对开发人员技能掌握比较高，开发一套程序可以兼容到多个设备上；
webapp：需要h5、javascript语言，不能调用底层设备，用户体验效果次之，开发简单，开发成本低，开发周期短，可以兼容多个设备。
综上所述三种开发各有优缺点，要根据具体的项目需求来选择适合自己的开发语言和开发场景。
uniapp了解下，多端应用。app的话要考虑安卓和苹果，但学了二种学习成本比较高。用uniapp就解决了。
现在中小型企业都在逐渐采用跨平台开发的模式 效率高 成本低 作为个人更是开发不二的选择 你问的iOS和安卓是原生开发 需要不同的开发语言和框架 学习成本也很高 既然你说你是小白 如果采用原生开发 可能得大概花一年半载才能开始上手
采用跨平台开发 只需要学习一下html css JavaScript 然后选择跨平台开发框架 比如react flutter uniapp 都可以 跨平台就是指你这一套代码编写的app可以到不同平台运行 比如iOS安卓都OK 但其实很多还可以编译到各类小程序平台运行 所以很方便
我这里推荐uniapp 一个基于vue的跨端开发框架 我自己也用这个开发了很多项目 确实很快 也提供了原生渲染能力 不做 游戏 等软件 基本没啥问题 社区插件市场也很热闹 基本有问题可以很快解决 希望可以帮到你。
按照开发方式可分为原生开发、混合开发、webapp开发，不同的开发方式学习的编程语言不一样，下面我们来一个一个分析一下：
一、原生开发
原生开发的编程语言主要为针对IOS运行环境的为编程语言为Swift或Object c，安卓环境为Java或Kotlin，WP环境为NET。原生开发的运行效率最高，用户体验最好，但是需要学习不同平台的编程语言，学习门槛较高。
二、混合开发（伪原生开发）
混合开发技术主要采用一套特别的渲染引擎来渲染UI界面和交互，按照渲染引擎可分为html与dart，其编程语言主要是Javascript或Typescript、Dart。
目前基于html渲染的开发框架有react native、weex、uniapp，基于dart的开发框架只有flutter。
混合开发由于调用了原生的控件来渲染UI，所以加载和体验与原生差不多，学习成本比较低，只要会js，选择一个框架开发就行了，或者学习dart语言，进行flutter开发。
三、webapp开发
webapp开发主要利用原生环境中的浏览器控件来装载服务器上的html页面，实际这个app就是一个自定义的浏览器app，所以只要会html，就会开发webapp，由于app内部加载的是远程的网页，所以加载速度和体验最差。
以上是我个人的总结，有不对的欢迎指出，谢谢。
本人用c#，除了单片机用c，cad CATIA，多媒体主要Adobe，它干完所有，不需要性能的视图混合dom代码。