首页 > 代码库 > Js脚本之jQuery学习笔记（2）

Js脚本之jQuery学习笔记（2）

2024-08-19 21:47:08   216人阅读

CSS简介

Html 4.0之后推出css，采用div布局。使用css来实现页面的外观。

CSS使用三种方式给页面或页面元素应用样式

  • 类，修饰页面中特定区域

  • 标签，将页面中的XHTML标签重定义

  • 高级

CSS规则

选择符 {属性：值}

  • 选择符：css样式所针对的对象

  • 属性：包括颜色、大小、定位、浮动和位置等

  • 值：属性与值为一组，组之间用(;)隔开

如：



h1 {font-family:"Microsoft sans serif 黑体"}#left-column h3 , .subMenu h3 , .title{padding:5px; height:22px;font-size:16px;background:url(../img/bg-header.gif) no-repeat left top;}


CSS引入方式

  • 内联样式表


    <h1 style="color:#fff;font-size=11px">标题</h1>

  • 内部样式表(不能跨页执行）


  • <head><style type="text/css">body {background:url(images/bg-gif) repeat-y;margin:0px;padding:0px;}#content {float:left;width: 479px;}</style></head>

  • 连接外部样式表（独立文件XX.css）


    <link rel="stylesheet"  type="text/css" href="http://www.mamicode.com/style.css" />

    接下来将学习css应用的到某个特定元素的方法（选择器），框模型，元素定位与布局，然后CSS这块就学完了。

PS：哈哈，hexo的markdown是支持css的，上面这段红字就是用内置css生成的。。

本文出自 “DanielQu” 博客，请务必保留此出处http://qujunorz.blog.51cto.com/6378776/1871148

Js脚本之jQuery学习笔记（2）


联系
我们