CSS
文章平均质量分 54
Schon_zh
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS:!important样式覆盖
Override All Other Styles by using Important耶!我们刚刚证明了行内样式将覆盖style 中定义的所有 CSS。但是等一下,还有最后一种覆盖 CSS 的方法,这是所有方法中最强大的,但是在讲它之前,我们先讲讲为什么你要覆盖 CSS。很多情况下,你会使用 CSS 库,这些库可能会意外覆盖掉你自己的 CSS。所以当你需要确保某元素具有指定的 CSS 时,...原创 2018-10-16 10:17:53 · 9509 阅读 · 0 评论 -
JS:jquery.dataTables.bootstrap插件详解
dataTable介绍DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, build upon the foundations of progressive enhancement, that adds all of these advanced features to ...原创 2018-12-18 14:10:33 · 4011 阅读 · 0 评论 -
Bootstrap:Responsive Design with Bootstrap(二)
1. Style Text Inputs as Form Controls你可以在你的 button 提交按钮上添加 Font Awesome的 fa-paper-plane 图标,方法是在元素中增加 。 <input type="text" class="form-control" placeholder="cat photo URL" required> &l...原创 2018-11-17 15:15:22 · 364 阅读 · 0 评论 -
Bootstrap:Responsive Design with Bootstrap(一)
1.Use Responsive Design with Bootstrap Fluid Containers现在让我们回到我们的Cat Photo应用。这次,我们将用流行的响应式框架Bootstrap来美化它。Bootstrap将会根据你的屏幕的大小来调整HTML元素的大小 —— 强调 响应式设计的概念。通过响应式设计,你无需再为你的网站设计一个手机版的。它在任何尺寸的屏幕上看起来都会不错...原创 2018-11-17 14:50:24 · 820 阅读 · 0 评论 -
前端:HTML5 and CSS 入门(四)
1.Override Class Declarations by Styling ID Attributes我们刚刚证明了浏览器读取 CSS 的顺序是从上到下,这意味着,在发生冲突时,浏览器会使用最后的 CSS 声明。但是并非只有这些,还有其他覆盖 CSS 的方法。你还记得 id 属性吗?让我们来覆盖你的 pink-text 和 blue-text 两个 class,通过为 h1 元素添加 ...原创 2018-11-17 11:42:34 · 420 阅读 · 0 评论 -
前端:HTML5 and CSS 入门(三)
1.Nest Many Elements within a Single Div Elementdiv元素,也被称作division(层)元素,是一个盛装其他元素的通用容器。所以可以利用CSS的继承关系把div上的CSS传递给它所有子元素。你可以用&lt;div&gt;来标记一个div元素的开始,然后用&lt;/div&gt;来标记一个div元素的结束。2.Give a Backgroun...原创 2018-11-17 11:19:12 · 316 阅读 · 0 评论 -
前端:HTML5 and CSS 入门(二)
1. Link to External Pages with Anchor Elementsa元素,也叫anchor(锚点)元素,既可以用来链接到外部地址实现页面跳转功能,也可以链接到当前页面的某部分实现内部导航功能。下面是一张a元素的图示。a元素位于段落元素的中间,这意味着链接会出现在段落的中间。这有一个例子:&lt;p&gt;Here's a &lt;a href="http://f...原创 2018-11-16 18:06:09 · 317 阅读 · 0 评论 -
前端:HTML5 and CSS 入门(一)
1. Say Hello to HTML ElementHTML是英文Hyper Text Markup Language(超文本标记语言)的缩写。你看到&lt;h1&gt;Hello&lt;/h1&gt;了吗?h1就是一个HTML元素,h1是header1的简写,意思是一级标题。大部分元素都有一个开始标记和一个结束标记。开始标记像这样:&lt;h1&gt;结束标记像这样:&lt;/h原创 2018-11-16 17:25:33 · 410 阅读 · 0 评论 -
CSS:bootstrap中switch事件监控
问题:bootstrap 官网中只演示了css样式,没有给js,无法获取值思路:多次尝试,发现switch的val值可以获取到,于是通过js监控点击事件,给switch赋值实现该功能。jsp代码: &lt;div class="form-group"&gt; &lt;label class="col-sm-3 control-label no-padding-right...原创 2018-11-02 17:24:31 · 1226 阅读 · 0 评论 -
CSS:图片水印
1. 原图代码:2. 虚化效果代码:/* -webkit-filter: blur(2px); */3. 透明度修改效果代码:opacity:0.4 ;/* opacity 属性能够设置的值从 0.0 到 1.0。 */filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */...原创 2018-10-29 14:44:01 · 858 阅读 · 0 评论 -
CSS:Bootstrap-Button
样式&amp;amp;amp;lt;!-- Standard button --&amp;amp;amp;gt;&amp;amp;amp;lt;button type=&amp;amp;quot;button&amp;amp;quot; class=&amp;amp;quot;btn btn-default&amp;amp;quot;&amp;amp;amp;gt;(默认样式原创 2018-10-29 14:09:42 · 336 阅读 · 0 评论 -
JS:dataTables实现跳转首页与尾页功能
问题标准的dataTable页面翻页功能仅可以实现跳转至某一页,上一页,下一页功能;因客户需求需实现跳转至首页及尾页功能。解决办法在头文件引入以下js &amp;lt;script src=&quot;//cdn.datatables.net/plug-ins/1.10.19/pagination/four_button.js&quot;&amp;gt;&amp;lt;/script&amp原创 2018-12-19 10:39:45 · 2244 阅读 · 0 评论
分享