CSS

CSS Text

text formatting
这个文本的文本格式属性的一些风格.标题使用文本对齐,文本转换和色彩的属性.该段缩进,对齐,并指定字符之间的空间.

Text Color (文字颜色)
颜色属性是用来设置文字的颜色.
使用CSS,颜色最常见的指定:
    a HEX value - like "#ff0000"

CSS Font

CSS字体属性定义font family, boldness, size,style.
CSS Font Families
在CSS中,有两种类型的字体系列名称: generic family(比如"Serif" or "Monospace")和 font family(比如"Times New Roman" or "Arial").

Font Family

CSS Id and Class 选择器

除了设置一个HTML元素的样式,CSS允许你指定你自己的选择器,名为"ID"和"Class".
ID Selector
ID选择器是用来指定一个单一的风格,独特的元素.
ID选择器使用的HTML元素的ID属性,并以"#"定义.
Example:
#para1
{
text-align:center;
color:red;
}

CSS Background

Background Color (背景颜色)
background - color属性指定一个元素的背景颜色.
一个网页的背景颜色是指在body内定义的:
Example
body {background-color:#b0c4de;}

Background Image (背景图片)
background - image属性指定一个元素的背景图像使用.默认情况下,图像重复,因此它涵盖了整个元素.
可以设置页面的背景图片是这样的:

Drupal 960 Gridder

 该模块利用了960 Gridder和Andrée Hansson开发代码,并负责与dvessel创建的ninesixty主题使用. CSS框架体系的960gs最初创建,是由Nathan Smith的维护.

使用960 Gridder模块允许你不使用默认启用在作者的网站提供的书签960 Gridder.它还提供了一个管理界面,使您可以配置960 Gridder附加功能,包括所有可用的选项:

您可以保存960 Gridder负载,这样你就不必每次都配置它加载以及这些为默认的设置.

在管理页面Gridder overlay选择enable/disable(默认为disable)

启用立柱(Enable Vertical Columns)

jquery page top

 $(document).ready(function() {

  $('a[href*=#]').click(function() {

   if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')

       && location.hostname == this.hostname) {

     var $target = $(this.hash);

jquery font resizing

 $(document).ready(function() {

  // Reset the font size(back to default)

  var originalFontSize = $('html').css('font-size');

  $(".resetFont").click(function() {

    $('html').css('font-size', originalFontSize);

  });

  // Increase the font size(bigger font0

jquery 保持div的列高度相同

 $(document).ready(function() {

  function equalHeight(group) {

    tallest = 0;

    group.each(function() {

      thisHeight = $(this).height();

      if (thisHeight > tallest) {

        tallest = thisHeight;

jquery 预加载图片

 $(document).ready(function() {

  jQuery.preloadImages = function() {

    for(var i = 0; i < arguments.length; i++) {

      $("<img>").attr("src", arguments[i]);

    }

  }

 

  // how to use

jquery 隐藏搜索文本框文字

 $(document).ready(function() {

  $("input.text1").val("Enter your search text here");

  textFill($('input.text1'));

});

 

// input focus text function

function textFill(input) {

  var originalvalue = input.val();

  input.focus(function() {

同步内容