常用的用户界面样式

1.user-select:none

文本不能被选择;

2.a标签包含img标签时

  a display:block;或者img display:block;以免a的高度大于img

3.链接长按高亮颜色

-webkit-tap-highlight-color: rgba(0,0,0,0);

4.不允许用户缩放

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
时间: 2024-11-02 23:27:30

常用的用户界面样式的相关文章

13用户界面样式

CSS2中定义了6个系统字体关键字,caption(由标题控件使用的字体样式).icon(操作系统图标标签所用的字体样式).menu(下拉菜单和菜单列表中文本使用的字体样式).message-box(对话框中文本使用的字体样式).small-caption(由标题小控件的标签使用的字体样式).status-bar(窗口状态条中文本使用的字体样式).这些值只能用于font属性,它们本身就是简写形式. 总共有28个系统颜色关键字,不过CSS没有明确定义这些关键字. cursor属性可以改变光标图标,

几个常用的CSS3样式代码以及不兼容的解决办法

原文:几个常用的CSS3样式代码以及不兼容的解决办法 border-radius实现圆角效果 1 CSS3代码: 2 3 -webkit-border-radius:10px; 4 -moz-border-radius:10px; 5 border-radius:10px; 6 background-color:#666; 7 width:200px;height:100px; Firefox,Chrome Google,Safari等浏览器的显示效果如图0-0: 图0-0 但是IE这个异类不支

Bootstrap页面布局8 - BS常用标签与样式

常用的Css文字标签 一. <p>文字段落Start,<strong>重要的文字</strong>,<em>倾斜的文字用来提示</em>,<abbr class='initialism' title="Content Management System">cms</abbr>是"Content Management System"的简称,文字段落End</p> 说明: 标

css学习_css用户界面样式

1.css用户界面样式 a.鼠标样式(记住几个兼容性好的) cursor:default/pointer/move/text; b.轮廓 outline outline:2px solid red: outline:0/none(取消轮廓线) c.防止拖拽文本域 textarea{resize:none:} d.背景图片和背景颜色一起出现时,背景颜色在最底层. e.行内块和文字对齐 vertical-align  对块级元素不起作用 图片和文字默认基线对齐 f.去除图片底侧空白缝隙 g. 溢出的

关于一个常用的CheckBox样式

我们在使用checkbox的时候,原始的样式有时不能满足我们的需求,这是我们就需要更改其模板,比如我们常用的一种,在播放器中“播放”.“暂停”按钮,其实这也是一种checkbox,只不过我们只是修改了其相关的模板罢了,下面贴出相关代码: <CheckBox.Style>  <Style TargetType="{x:Type CheckBox}">    <Setter Property="Focusable" Value="

常用的input样式美化。

在平常的网站开发中,css,html提供的关于<input type ="checkbox"/>或者<input type = "file"/>的样式不是我们想要的,那么现在我们来介绍一个小技巧,来设置成我们想要的样式. 第一个input框的美化,原理是用一个a标签包裹一个input标签,让input溢出,设置input标签的透明度为0,然后设置a标签就可以设置显示的样式了 DOM结构: <a href="javascript

常用的css样式

overflow:hidden;自动隐藏超出的内容,防止撑开层和表格的范围 !important 指定样式规则的应用优先权 文字类 color: #FF0000;文字颜色 font-family: "Arial", "Helvetica", "sans-serif";字体 font-size: 9px;字号 text-align:center; 居中(left为居左,right为居右) line-height:28px:行高(可用150%值) f

常用标签和样式笔记整理

注释:html<!--内容--> css/*内容*/ 图片:<img src="#" title="鼠标滑过显示的文本" alt="图片替换文本">title是专门做提示信息的,alt是碰到图片加载不出来的情况会有文字替代. 图片可以自己设置宽高,致谢高或者宽,图片会等比例缩放. 链接:<a href="#" target="_blank">是新页面的打开 <a h

常用的css3样式

1.表单形式,一行文字,分2列或者三列,其中一列或者两列宽度固定,最后一列100%长度使用display:table 外层结构样式: display: table; width: 100%; box-sizing: border-box; 内存固定宽度样式: display: table-cell; width: 65px; 内存100%宽度样式: width: 100%; display: table-cell; 2.页面滚动顺畅,添加样式(手机端滑动好) -webkit-overflow-s