• CSS 选择器参考手册

    CSS 选择器参考手册

    CSS3 选择器 <script> $(document).ready(function(){ $("botton").click(function(){ //jQuery 元素选择器 $(this).hide(); $("p").hide(); $("#test").hide();...

    CSS学习 1年前 842 0
  • jQuery修改class属性和CSS样式

    jQuery修改class属性和CSS样式

    class属性修改  类属性即class属性,规定类名.  用类选择器规定样式的时候,需要为元素指定类名,即class属性的值.  注意每个HTML元素只有一个class属性.但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔.  具体使用方法见:http://www.w3school.com.cn/css/css_selector_class.asp   用jQuery进行类名修改既可以用attr(...

  • zblogPHP模板制作技巧总结

    zblogPHP模板制作技巧总结

    判断:常用if判断 (CMS首页判断、侧栏判断)指定分类设置特殊模板样式,分类编辑选择为某些分类指定分类模板,后台版方法字段:主题调用指定字段文章(多选字段)方法 调用某篇文章:指定文章标题、内容、摘要、图片...调取某个页面的标题、内容等zblogPHP 调用全部页面(调取所有页面) 调用多篇文章:主题连续调用多篇文章,输入ID方法调取置顶文章到首页,限制(指定)N条数 调用某个(单个)分类:调用(指定)...

    zblog模板学习 11个月前 790 1
  • 经典CSS聚合

    经典CSS聚合

    CSS3 线性渐变(linear-gradient)transition过渡效果(变形、变色、旋转、停顿时间)鼠标移上去,图片会自动原地放大CSS写法三角形对话框(带边框)- :before + :after + border从table转而使用div+cssdisplay: table-cell 无法使用 margin/ padding 的解法纯CSS写三角形,自适应不同宽度水平翻转、垂直翻转 触发变色/随机颜色:手机浏览器...

    CSS学习 9个月前 393 0
  • css常用效果总结

    css常用效果总结

    css有不少常用的效果,你在平时浏览网站的时候可能会看到,但是真的要自己写的时候,有时候会突然忘记,今天稍微对那些常见的效果做一下小结。1、每逢大的灾难的时候,很多网站变成了灰色,如何让网站快速变灰?css代码是很简单的,用的是css的filter功能。代码如下:html {    filter: grayscale(100%);//IE浏览器   -webkit...

    CSS学习 8个月前 421 0
  • 从table转而使用div+css

    从table转而使用div+css

    一般来讲,table打好语法就可以呈现效果了,而且语法很简单,就单纯的table、tr、td,这三个语法就可以画出表格,在各个浏览器下也都可以正常的显示。如果觉得排版不漂亮,就直接在语法内加上width、color等等的属性值,效果很容易就达到了,可是这样会让程式码杂乱。对于搜寻引擎来讲,他们抓网站内容通常不会一次抓完,会先抓到一定的网页大小,之后再来,如果你把样式调整的程式码都放进去,很快的,搜寻引擎可能光收录你的表格样式,还没抓到重...

    CSS学习 7个月前 403 0 table
  • css table布局大法,解决你大部分居中、多列等高、左右布局的问题

    css table布局大法,解决你大部分居中、多列等高、左右布局的问题

    看了这篇文章,你可以了解到以下布局方法:table-cell定高水平垂直居中不定高水平垂直居中单行定高水平垂直居中单行不定高水平垂直居中多行定高水平垂直居中多行不定高水平垂直居中多列等高布局左边定宽右边自适应布局左边右边定宽中间自适应三列布局最近开发遇到一些布局上的问题,由于不确定因素比较多,比如不定宽高、单行多行的情况需要显示的样式基本相同。这样的情况会比较复杂,后来找到display:table-cell这个布局神器,这些问题也就不...

  • 垂直居中-父元素高度确定的多行文本两个方法table+vertical-align:middle以及display:table-cell+vertical-align:middle

    垂直居中-父元素高度确定的多行文本两个方法table+vertical-align:middle以及display:table-cell+vertical-align:middle

    父元素高度确定的多行文本、图片等的竖直居中的方法有两种:方法一:使用插入 table  (包括tbody、tr、td)标签,同时设置 vertical-align:middle。css 中有一个用于竖直居中的属性 vertical-align,在父元素设置此样式时,会对inline-block类型的子元素都有用。下面看一下例子:html代码:<body> ...

  • table 表格 边框css

    table 表格 边框css

    第1种对表格设置边框 效果对应CSS代码:.table-a table{border:1px solid #F00}对应html源代码:<div class="table-a"><table width="400" border="0" cellspacing="0" cellpadding="0"><tr&...

    CSS学习 1年前 567 0 table
  • table中caption标签,为表格添加标题和摘要

    table中caption标签,为表格添加标题和摘要

    表格还是需要添加一些标签进行优化,可以添加标题和摘要。代码如下:摘要摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。    语法:<table summary="表格简介文本">标题用以描述表格内容,标题的显示位置:表格上方。   ...

    前端技术 1年前 554 0 table
  • 用css样式,为table表格加入边框颜色

    用css样式,为table表格加入边框颜色

    Table 表格在没有添加 css 样式之前,是没有边框的。这样不便于我们后期合并单元格知识点的讲解,所以在这一节中我们为表格添加一些样式,为它添加边框。在右侧代码编辑器中添加如下代码:<style type="text/css"> table tr td,th{border:1px solid #000;}</style>上述代码是用 cs...

    CSS学习 1年前 648 0 table
  • table、tbody、tr、th、td详细说明

    table、tbody、tr、th、td详细说明

    网页中的表格常用table、tbody、tr、th、td这些标签,开发者也都常用,但还是经常有不懂之处,特别是对于没有系统学习过HTML的更是,个人对于table、tbody、tr、th、td运用的也不是很娴熟。tr是“table row(表格行)”的缩写,用于表示一行的开始和结束。这也容易理解。td是“table data(表格数据)”的缩写,用于表示行中各个单元格(cell)的开始和结束。有时候我们需要在网页上展示一些数据,如某公司...

    前端技术 1年前 609 0 table
1