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

时间 2020-07-24

标签脚本 jquery 学习笔记栏目 JavaScript 繁體版

原文原文链接

CSS简介

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

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

类，修饰页面中特定区域markdown
标签，将页面中的XHTML标签重定义hexo
高级ide

CSS规则

选择符 {属性：值}布局

选择符：css样式所针对的对象学习
属性：包括颜色、大小、定位、浮动和位置等url
值：属性与值为一组，组之间用(;)隔开spa

如：
code

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引入方式

内联样式表orm

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

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

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

链接外部样式表（独立文件XX.css）
<link rel="stylesheet" type="text/css" href="style.css" />
接下来将学习css应用的到某个特定元素的方法（选择器），框模型，元素定位与布局，而后CSS这块就学完了。

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

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

CSS简介

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

CSS规则

CSS引入方式

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