热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

css样式ui,CSS样式规则

CSS框架ui有哪些比较流行的是bootstrap吧,腾讯QQ空间出的frozenui还不错,如果偏向手机端的话jquerymobile的ui组件比较适合用。多个UI框架的CSS样

CSS框架 ui 有哪些

比较流行的是bootstrap吧,腾讯QQ空间出的frozenui还不错,如果偏向手机端的话jquery mobile的ui组件比较适合用。

多个UI框架的CSS样式之间起冲突该怎么解决

解决方法有很多,如果可以对html改动的话,就给你需要细化的页面元素加多一个class或者ID就行了,当然这种方法应该不是你想要的。那么接下来是不改变HTML的情况下,直接用css的方法来实现你想要的效果——

方法一 细化选择符

假如全局是这样来定义一个元素的样式的:.abc {background:#000},同时这个class为abc的元素是隶属于某个元素的,比如下面这样的html代码结构

div class="container"

div class="abc"/div

/div

那么在细化css里面,只需要在.abc前面加多一个父元素的选择符就行了:

.container .abc {background:#fff}

这样.container .abc的优先级就大于了.abc,自然细化css里面的background设置也就不会被全局CSS覆盖了~~

方法二 提升样式的优先级

这种方法个人不太推荐,相对而言会简单粗暴一些。同样是上面的例子,在细化CSS里面,只要在样式后面加一个!important,例如这样:

.abc {background:#fff !improtant;}

这个样式的优先级就会默认提升到顶级,全局样式就无法影响到它了。

方法三 改变两个样式的加载顺序

这种方法比较简单,就是只要把细化css加载在全局css之后就行了,这样后面的样式就会自动覆盖前面的样式。不过如果你的html里面这两个样式表的加载顺序是先细化后全局的话,就要稍微调整一下代码才行。

css选择器的1.13 UI元素状态伪类选择器

:enabled,指定元素处于可用状态时的样式,一般用于input,select和textarea:disabled,指定元素处于不可用状态时的样式,一般用于input,select和textarea

:read-only,指定元素为只读状态时的样式,FF为-moz-read-only,一般用于input和textarea:read-write,指定元素为只可写状态时的样式,FF为-moz-read-write,一般用于input和textarea:checked,指定元素被选中状态时的样式,FF为-moz-checked一般用于checkbox和radio:default,指定元素默认选中的样式,一般用于checkbox和radio:indeterminate,指定默认一组单选或复选都没被选中的样式,只要有一个被选中则样式被取消,一般用于checkbox和radio::selection,指定元素处理选中状态时的样式,可用于所有元素,上面的几个基本上只用于表单元素;!lte8FF为::-moz-selection,不能用群组选择器来写;::selection

{background-color:

#ffc;

color:

#fff}::-moz-selection

{background-color:

#ffc;

color:

#fff}

j-ui的树怎么加css样式

关于html文档应用css样式有三种形式,内联式,外联式和嵌入式。

在head头部定义style标签可以定义css样式,称为内联式,也可以在标签内部应用style元素定义该标签的css样式称为嵌入式,也可以引用外联样式表作为整个html文档的css样式规划,这种被称为外联式。外联式需要一个独立的.css的文本文件。使用link引用该文档。指的注意的是该文档必须和html文档处于同一级目录下。

做ui网页设计需要学习html css吗

第一阶段,你要从最基础的HTML/CSS 开始,简单地说,HTML 就是一堆非常简单的标签,而 CSS 则是把你画画的流程用英语按一定的格式写出来。然后你需要理解常用 HTML 标签的意思,学会各种 CSS 的属性,还有 CSS 的盒模型、优先级、选择器……

第二阶段,你要是想在网页上实现交互效果,比如轮播图、点击按钮后播放动画等等,那么就必须学会Java . Java 是一门完整、强大、热门的编程语言,浏览器的各种交互效果都由它来做到的。

你先要了解一些基础的 Java 概念(变量、函数、基本类型)后,然后学习 jQuery(Java代码库的一种),并且通过 jQuery继续使用CSS的选择器。


推荐阅读
  • 使用jqTransform插件美化表单
    jqTransform 是由 DFC Engineering 开发的一款 jQuery 插件,专用于美化表单元素,操作简便,能够美化包括输入框、单选按钮、多行文本域、下拉选择框和复选框在内的所有表单元素。 ... [详细]
  • php更新数据库字段的函数是,php更新数据库字段的函数是 ... [详细]
  • 本文详细介绍了 Java 网站开发的相关资源和步骤,包括常用网站、开发环境和框架选择。 ... [详细]
  • NX二次开发:UFUN点收集器UF_UI_select_point_collection详解
    本文介绍了如何在NX中使用UFUN库进行点收集器的二次开发,包括必要的头文件包含、初始化和选择点集合的具体实现。 ... [详细]
  • 本文介绍了如何在 ASP.NET 中设置 Excel 单元格格式为文本,获取多个单元格区域并作为表头,以及进行单元格合并、赋值、格式设置等操作。 ... [详细]
  • 如果应用程序经常播放密集、急促而又短暂的音效(如游戏音效)那么使用MediaPlayer显得有些不太适合了。因为MediaPlayer存在如下缺点:1)延时时间较长,且资源占用率高 ... [详细]
  • IOS Run loop详解
    为什么80%的码农都做不了架构师?转自http:blog.csdn.netztp800201articledetails9240913感谢作者分享Objecti ... [详细]
  • javascript分页类支持页码格式
    前端时间因为项目需要,要对一个产品下所有的附属图片进行分页显示,没考虑ajax一张张请求,所以干脆一次性全部把图片out,然 ... [详细]
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • 在 LeetCode 的“有效回文串 II”问题中,给定一个非空字符串 `s`,允许删除最多一个字符。本篇深入解析了如何判断删除一个字符后,字符串是否能成为回文串,并提出了高效的优化算法。通过详细的分析和代码实现,本文提供了多种解决方案,帮助读者更好地理解和应用这一算法。 ... [详细]
  • 在PHP中如何正确调用JavaScript变量及定义PHP变量的方法详解 ... [详细]
  • 周排行与月排行榜开发总结
    本文详细介绍了如何在PHP中实现周排行和月排行榜的开发,包括数据库设计、数据记录和查询方法。涉及的知识点包括MySQL的GROUP BY、WEEK和MONTH函数。 ... [详细]
  • C#实现文件的压缩与解压
    2019独角兽企业重金招聘Python工程师标准一、准备工作1、下载ICSharpCode.SharpZipLib.dll文件2、项目中引用这个dll二、文件压缩与解压共用类 ... [详细]
  • Framework7:构建跨平台移动应用的高效框架
    Framework7 是一个开源免费的框架,适用于开发混合移动应用(原生与HTML混合)或iOS&Android风格的Web应用。此外,它还可以作为原型开发工具,帮助开发者快速创建应用原型。 ... [详细]
  • CentOS 7 中 iptables 过滤表实例与 NAT 表应用详解
    在 CentOS 7 系统中,iptables 的过滤表和 NAT 表具有重要的应用价值。本文通过具体实例详细介绍了如何配置 iptables 的过滤表,包括编写脚本文件 `/usr/local/sbin/iptables.sh`,并使用 `iptables -F` 清空现有规则。此外,还深入探讨了 NAT 表的配置方法,帮助读者更好地理解和应用这些网络防火墙技术。 ... [详细]
author-avatar
手机用户2602915211
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有