html5样式布局技巧总结

1、 

text-align-last:justify; 将一行字体两端对齐。在pc端可以正常显示,app里兼容不好

text-indent:5px;                              //首行缩进5排序;

-moz-user-select:none;                //禁止复制文本

-webkit-user-select:none;

word-break:break-all ;                //英文汉字一行显示

letter-spacing:5px;                       //来设置字与字间距、字符间距离

*设置placeholder字体的颜色

.text-area::-webkit-input-placeholder{color:#A28C78;}

vertical-aline:middle;                  //用在本身元素上  垂直居中

border-width: 7.5px 0 7.5px 12px;

border-color: transparent transparent transparent #fff;   //css实现三角形

时间: 2024-08-04 02:30:21

html5样式布局技巧总结的相关文章

《HTML5与CSS3实战指南》——第2章 HTML5样式的标记2.1 The HTML5 Herald简介

第2章 HTML5样式的标记 我们已经向您介绍了关于HTML5历史的一些基本知识,以及学习它的重要性.现在,我们将在您的项目中开始使用它.首先向您介绍我们将在本书中逐步创建的示例网站. 在简单介绍了我们将创建的示例网站之后,我们将讨论一些HTML5的基本语法知识,以及编码最佳实践的一些建议.我们将遵循浏览器兼容性及HTML5页面结构基本原理等一些重要原则.最后,我们向您介绍一些HTML5特有的元素,以及如何使它们适应布局. 现在开始吧! 2.1 The HTML5 Herald简介 我们首先从头

Android开发中LinearLayout布局技巧及layout中drawable属性区别

先介绍drawable属性的区别,这个算是比较简单的,但是还是有一点点的小细节需要进行说明,drawable有五个文件夹,分别为hdpi,ldpi,mdpi,xdpi,xxdpi,这五个文件夹想必大家都知道,其实就是为了适应不同分辨率,由于手机分辨率的不同,因此我们的图片需要适应不同手机的分辨率...hdpi:480x800   mdpi:480x320   ldpi:320x240xdpi:1280x720 xxdpi 1920x1280其实这个数字并不是非常精确的,只是说明每一个阶段都有一个

网站首页文章布局技巧可提高点击率

站长最需要的是什么,可能会得到一个异口同声的回答:流量.是的,不管是做单纯依靠广告联盟的站点,还是做电子商务站.行业站,不管依靠搜索引擎还是靠推广和口碑,或者是做产品和服务让用户主动找上门. 其实说白了都是在做流量,因为不管是有效用户还是无效用户,长期用户还是短期用户,访问网站最直接的体现就是流量,虽然有了好的服务和产品,网站就算流量很少有稳固的用户基础也可以源源不断的盈利,但是流量始终是网站的基本,站长都希望自己的网站流量越多越好. 最近从Admin5.com首页文章布局中发现了一些提高有关流

jquery-css样式布局 div背景色随鼠标改变而改变

问题描述 css样式布局 div背景色随鼠标改变而改变 布局成图片展示的样式 重点是 那个刻度怎么来实现??效果就是 鼠标(可以点下 然后拖 只有实现就可以啊 )往上移动时背景颜色由灰变红 到鼠标所在的位置.鼠标往下移动时反之~~~~ 解决方案 这个问题解决 用js太麻烦 要获取位置 定事件么得 用jquery的Colorful Sliders插件 这个效果还是比较好的 实现起来也简单点 解决方案二: http://www.jb51.net/css/20803.html 解决方案三: 这个挺简单

android css-android 样式 布局资料教程

问题描述 android 样式 布局资料教程 android 样式 布局 有什么资料系统的介绍了, 最好再给一个下载地址 解决方案 http://www.cnblogs.com/qianxudetianxia/p/3725466.html 这个可以作为参考,希望能够帮到您. 解决方案二: 有没有更详细一点的呢,我要的是系统的东西.刚才您提供的网址,我在以前也看到过. 解决方案三: 其实android的布局基本上都一样,多看一些APP你自己就能总结出来规律了. 解决方案四: 谢谢大神们,布局我基本

Android布局技巧之使用ViewStub_Android

多亏了<include />标签,在Android里,很容易就能做到共享和重用UI组件.在Android开发中,很容易就能创建出复杂的UI结构,结果呢,用了很多的View,且其中的一些很少使用.针对这种情况,谢天谢地,Android还为我们提供了一个特别的构件--ViewStub,它可以使你充分享受<include />的好处而不会造成无用View的浪费. ViewStub是一个看不见的,轻量级的View.它没有尺寸,也不会绘制以及以某种形式参与到布局中来.这意味着ViewStub

Android布局技巧之创建可重用的UI组件_Android

Android平台提供了大量的UI构件,你可以将这些小的视觉块(构件)搭建在一起,呈现给用户复杂且有用的画面.然而,应用程序有时需要一些高级的视觉组件.为了满足这一需求,并且能高效的实现,你可以把多个标准的构件结合起来成为一个单独的.可重用的组件. 例如,你可以创建一个可重用的组件包含一个进度条和一个取消按钮,一个Panel包含两个按钮(确定和取消动作),一个Panel包含图标.标题和描述等等.简单的,你可以通过书写一个自定义的View来创建一个UI组件,但更简单的方式是仅使用XML来实现. 在

Android布局技巧之创建高效布局_Android

Android UI工具包提供了一些布局管理器,它们使用起来相当容易,而且,大多数的时候,你只需要使用它们最基本的特征来实现UI. 执着于基本特征的使用对于创建UI来说,往往不是最高效的.一个常见的例子就是滥用LinearLayout,它将会导致View树中的View数量激增.View--更糟的是,布局管理器--添加到应用程序里都会带来一定的消耗:初始化,布局和绘制变得更加缓慢.嵌套布局的花销尤其"昂贵",例如,如果你嵌套了一些LinearLayout,并使用了weight参数,这会导

Android布局技巧之合并布局_Android

我们已经有文章向你描述如何使用<include />标签来重用和共享你的布局代码.这篇文章将向你阐述<merge />标签的使用以及如何与<include />标签互补使用. <merge />标签用于减少View树的层次来优化Android的布局.通过看一个例子,你就能很容易的理解这个标签能解决的问题.下面的XML布局显示一个图片,并且有一个标题位于其上方.这个结构相当的简单:FrameLayout里放置了一个ImageView,其上放置了一个TextVi