less命令自动更新

‘壹’ linux必学的60条命令是什么

前言
第1章 Linux命令行简介 / 1
1.1Linux命令行概述 / 1
1.2在Linux命令行下查看命令帮助 / 4
1.3Linux shutdown reboot halt / 9
关机：
shutdown -h now
halt
init 0

第2章 文件和目录操作命令 / 13
2.1pwd：显示当前所在的位置 / 13
2.2cd：切换目录 / 16
2.3tree：以树形结构显示目录下的内容 / 18
2.4mkdir：创建目录 / 22
2.5touch：创建空文件或改变文件的时间戳属性 / 27
2.6ls：显示目录下的内容及相关属性信息 / 30
2.7cp：复制文件或目录 / 39
2.8mv：移动或重命名文件 / 42
2.9rm：删除文件或目录 / 45
2.10rmdir：删除空目录 / 48
2.11ln：硬链接与软链接 / 49
2.12readlink：查看符号链接文件的内容 / 54
2.13find：查找目录下的文件 / 55
2.14xargs：将标准输入转换成命令行参数 / 68
2.15rename：重命名文件 / 71
2.16basename：显示文件名或目录名 / 72
2.17dirname：显示文件或目录路径 / 72
2.18chattr：改变文件的扩展属性 / 73
2.19lsattr：查看文件扩展属性 / 75
2.20file：显示文件的类型 / 76
2.21md5sum：计算和校验文件的MD5值 / 77
2.22chown：改变文件或目录的用户和用户组 / 80
2.23chmod：改变文件或目录权限 / 81
2.24chgrp：更改文件用户组 / 85
2.25umask：显示或设置权限掩码 / 86
2.26老男孩从新手成为技术大牛的心法 / 90
第3章 文件过滤及内容编辑处理命令 / 91
3.1cat：合并文件或查看文件内容 / 91
3.2tac：反向显示文件内容 / 103
3.3more：分页显示文件内容 / 104
3.4less：分页显示文件内容 / 107
3.5head：显示文件内容头部 / 109
3.6tail：显示文件内容尾部 / 111
3.7tailf：跟踪日志文件 / 114
3.8cut：从文本中提取一段文字并输出 / 115
3.9split：分割文件 / 117
3.10paste：合并文件 / 118
3.11sort：文本排序 / 123
3.12join：按两个文件的相同字段合并 / 127
3.13uniq：去除重复行 / 129
3.14wc：统计文件的行数、单词数或字节数 / 131
3.15iconv：转换文件的编码格式 / 133
3.16dos2unix：将DOS格式文件转换成UNIX格式 / 134
3.17diff：比较两个文件的不同 / 135
3.18vimdiff：可视化比较工具 / 138
3.19rev：反向输出文件内容 / 139
3.20tr：替换或删除字符 / 140
3.21od：按不同进制显示文件 / 143
3.22tee：多重定向 / 145
3.23vi/vim：纯文本编辑器 / 147
3.24老男孩逆袭思想：做Linux运维的多个好处 / 152
第4章 文本处理三剑客 / 153
4.1grep：文本过滤工具 / 153
4.2sed：字符流编辑器 / 159
4.3awk基础入门 / 165
第5章 Linux信息显示与搜索文件命令 / 176
5.1uname：显示系统信息 / 176
5.2hostname：显示或设置系统的主机名 / 178

5.3dmesg：系统启动异常诊断 / 179
5.4stat：显示文件或文件系统状态 / 181
5.5：统计磁盘空间使用情况 / 183
5.6date：显示与设置系统时间 / 186
5.7echo：显示一行文本 / 190
5.8watch：监视命令执行情况 / 193
5.9which：显示命令的全路径 / 195
5.10whereis：显示命令及其相关文件全路径 / 196
5.11locate：快速定位文件路径 / 197
5.12updatedb：更新mlocate数据库 / 199
5.13老男孩逆袭思想：新手在工作中如何问问题不会被鄙视 / 200
第6章 文件备份与压缩命令 / 201
6.1tar：打包备份 / 201
6.2gzip：压缩或解压文件 / 208
6.3zip：打包和压缩文件 / 211
6.4unzip：解压zip文件 / 212
6.5scp：远程文件复制 / 214
6.6rsync：文件同步工具 / 216
6.7老男孩逆袭思想：新手如何高效地提问 / 220
第7章 Linux用户管理及用户信息查询命令 / 222
7.1 useradd：创建用户 / 222
7.2usermod：修改用户信息 / 227
7.3userdel：删除用户 / 229
7.4groupadd：创建新的用户组 / 230
7.5groupdel：删除用户组 / 231
7.6passwd：修改用户密码 / 232
7.7chage:修改用户密码有效期 / 237
7.8chpasswd：批量更新用户密码 / 238
7.9su：切换用户 / 240
7.10visudo：编辑sudoers文件 / 242
7.11sudo：以另一个用户身份执行命令 / 244
7.12id：显示用户与用户组的信息 / 248
7.13w：显示已登录用户信息 / 249
7.14who：显示已登录用户信息 / 250
7.15users：显示已登录用户 / 252
7.16whoami：显示当前登录的用户名 / 253
7.17last：显示用户登录列表 / 253
7.18lastb：显示用户登录失败的记录 / 254
7.19lastlog：显示所有用户的最近登录记录 / 255
第8章 Linux磁盘与文件系统管理命令 / 257
8.1fdisk：磁盘分区工具 / 257
8.2partprobe：更新内核的硬盘分区表信息 / 265
8.3tune2fs：调整ext2/ext3/ext4文件系统参数 / 266
8.4parted：磁盘分区工具 / 268
8.5mkfs：创建Linux文件系统 / 272
8.6mpe2fs：导出ext2/ext3/ext4文件系统信息 / 274
8.7resize2fs：调整ext2/ext3/ext4文件系统大小 / 275
8.8fsck：检查并修复Linux文件系统 / 278
8.9dd：转换或复制文件 / 281
8.10mount：挂载文件系统 / 284
8.11umount：卸载文件系统 / 288
8.12df：报告文件系统磁盘空间的使用情况 / 289
8.13mkswap：创建交换分区 / 293
8.14swapon：激活交换分区 / 294
8.15swapoff：关闭交换分区 / 295
8.16sync：刷新文件系统缓冲区 / 296
第9章 Linux进程管理命令 / 298
9.1ps：查看进程 / 298
9.2pstree：显示进程状态树 / 305
9.3pgrep：查找匹配条件的进程 / 306
9.4kill：终止进程 / 307
9.5killall：通过进程名终止进程 / 310
9.6pkill：通过进程名终止进程 / 311
9.7top：实时显示系统中各个进程的资源占用状况 / 313
9.8nice：调整程序运行时的优先级 / 320
9.9renice：调整运行中的进程的优先级 / 323
9.10nohup：用户退出系统进程继续工作 / 324
9.11strace：跟踪进程的系统调用 / 325
9.12ltrace：跟踪进程调用库函数 / 332
9.13runlevel：输出当前运行级别 / 334
9.14init：初始化Linux进程 / 335
9.15service：管理系统服务 / 335
第10章 Linux网络管理命令 / 338
10.1ifconfig：配置或显示网络接口信息 / 338
10.2ifup：激活网络接口 / 343
ifup eth0
10.3ifdown：禁用网络接口 / 343
ifdown eth0
service network restart（/etc/init.d/network restart） 激活整个网络，所有网卡。
10.4route：显示或管理路由表 / 344
10.5arp：管理系统的arp缓存 / 350
10.6ip：网络配置工具 / 351
10.7netstat：查看网络状态 / 358
10.8ss：查看网络状态 / 362
10.9ping：测试主机之间网络的连通性 / 363
10.10traceroute：追踪数据传输路由状况 / 366
10.11arping：发送arp请求 / 367
10.12telnet：远程登录主机 / 369
10.13nc：多功能网络工具 / 370
10.14ssh：安全地远程登录主机 / 373
10.15wget：命令行下载工具 / 376
10.16mailq：显示邮件传输队列 / 379
10.17mail：发送和接收邮件 / 381
10.18nslookup：域名查询工具 / 386
10.19dig：域名查询工具 / 389
10.20host：域名查询工具 / 393
10.21nmap：网络探测工具和安全/端口扫描器 / 394
10.22tcpmp：监听网络流量 / 398
第11章 Linux系统管理命令 / 407
11.1lsof：查看进程打开的文件 / 407
11.2uptime：显示系统的运行时间及负载 / 411
11.3free：查看系统内存信息 / 411
11.4iftop：动态显示网络接口流量信息 / 413
11.5vmstat：虚拟内存统计 / 415
11.6mpstat：CPU信息统计 / 419
11.7iostat：I/O信息统计 / 420
11.8iotop：动态显示磁盘I/O统计信息 / 423
11.9sar：收集系统信息 / 425
11.10chkconfig：管理开机服务 / 430
11.11ntsysv：管理开机服务 / 433
11.12 setup：系统管理工具 / 434
11.13ethtool：查询网卡参数 / 436
11.14mii-tool：管理网络接口的状态 / 437
11.19rpm：RPM包管理器 / 443
11.20yum：自动化RPM包管理工具 / 446
top命令
第12章 Linux系统常用内置命令 / 450
12.1Linux内置命令概述 / 450
12.2Linux内置命令简介 / 450
12.3Linux常用内置命令实例 / 452
Linux运维人员必会的120个命令
跟老男孩学Linux运维：核心系统命令实战

‘贰’ css棰勫勭悊鍣ㄦ湁鍝浜

CSS(Cascading Style Sheet)琚璇戜负绾ц仈镙峰纺琛锛屽仛涓轰竴钖嶅墠绔浠庝笟浜哄憳𨱒ヨ达纴杩欎釜涓扑笟钖嶈瘝骞朵笉闄岀敓锛屽湪琛屼笟涓阃氩父绉颁箣涓衡滈庢牸镙峰纺琛锛圫tyle Sheet锛夆濓纴瀹冧富瑕佹槸鐢ㄦ潵杩涜岀绣椤甸庢牸璁捐＄殑銆傞氲繃璁剧珛镙峰纺琛锛屽彲浠ョ粺涓鍦版带鍒禜TML锛圶HTML锛変腑钖勬爣绛剧殑鏄剧ず灞炴с傚彲浠ヤ娇浜烘洿鑳芥湁鏁堢殑鎺у埗Web椤甸溃锛堟垨Web搴旂敤绋嫔簭锛夊栬傦纴鍙浠ョ簿纭鎸囧畾Web鍏幂礌浣岖疆锛屽栬备互鍙婂垱寤虹壒娈婃晥鏋灭殑鑳藉姏銆侰SS𨰾ユ湁瀵圭绣椤靛硅薄鍜屾ā鍨嬫牱寮忕紪杈戣兘锷涳纴骞惰兘澶熻繘琛屽埯姝ヤ氦浜掕捐★纴鏄鐩鍓嶅熀浜庢枃链灞旷ず链浼樼镄勮〃鐜拌捐¤瑷銆侰SS鑳藉熸牴鎹 涓嶅悓浣跨敤钥呯殑鐞呜В鑳藉姏锛岀亩鍖栨垨钥呬紭鍖栧啓娉曪纴阍埚瑰悇绫讳汉缇ゆ湁杈冨己镄勬槗璇绘с

灏盋SS链韬钥岃█锛屽逛簬澶у氭暟Web鍓岖浠庝笟浜哄憳𨱒ヨ村氨涓嶆槸闂棰樸傚﹁繃CSS镄勪汉閮界煡阆掳纴瀹冧笉鏄涓绉岖紪绋嬭瑷銆备綘鍙浠ョ敤瀹冨紑鍙戠绣椤垫牱寮忥纴浣嗘槸娌℃硶鐢ㄥ畠缂栫▼銆傛崲鍙ヨ瘽璇达纴CSS锘烘湰涓婃槸璁捐″笀镄勫伐鍏凤纴涓嶆槸绋嫔簭锻樼殑宸ュ叿銆傚湪绋嫔簭锻樼殑鐪奸噷锛孋SS鏄寰埚ご䦅涚殑浜嬫儏锛屽畠骞朵笉镀忓叾瀹幂▼搴忚瑷锛屾瘆濡傝碢HP銆丣avascript绛夌瓑锛屾湁镊宸辩殑鍙橀噺銆佸父閲忋佹浔浠惰鍙ヤ互鍙娄竴浜涚紪绋嬭娉曪纴鍙鏄涓琛岃屽崟绾镄勫睘镐ф弿杩帮纴鍐栾捣𨱒ョ浉褰撶殑璐逛簨锛岃屼笖浠ｇ爜闅炬槗缁勭粐鍜岀淮鎶ゃ

寰堣嚜铹剁殑锛屾湁浜哄氨寮濮嫔湪𨱍筹纴鑳戒笉鑳界粰CSS镀忓叾浠栫▼搴忚瑷涓镙凤纴锷犲叆涓浜涚紪绋嫔厓绱狅纴璁〤SS鑳藉儚鍏朵粬绋嫔簭璇瑷涓镙峰彲浠ュ仛涓浜涢勫畾镄勫勭悊銆傝繖镙蜂竴𨱒ワ纴灏辨湁浜嗏淐SS棰勫勫櫒锛圕SS Preprocessor锛夆濄

涓銆佷粈涔堟槸CSS棰勫勫櫒

CSS棰勫勭悊鍣ㄥ畾涔変简涓绉嶆柊镄勮瑷锛屽叾锘烘湰镐濇兂鏄锛岀敤涓绉崭笓闂ㄧ殑缂栫▼璇瑷锛屼负CSS澧炲姞浜嗕竴浜涚紪绋嬬殑鐗规э纴灏咰SS浣滀负鐩镙囩敓鎴愭枃浠讹纴铹跺悗寮鍙戣呭氨鍙瑕佷娇鐢ㄨ繖绉嶈瑷杩涜岀紪镰佸伐浣溿傞氢织镄勮达纴CSS棰勫勭悊鍣ㄧ敤涓绉崭笓闂ㄧ殑缂栫▼璇瑷锛岃繘琛学eb椤甸溃镙峰纺璁捐★纴铹跺悗鍐岖紪璇戞垚姝ｅ父镄凛SS鏂囦欢锛屼互渚涢”鐩浣跨敤銆侰SS棰勫勭悊鍣ㄤ负CSS澧炲姞涓浜涚紪绋嬬殑鐗规э纴镞犻渶钥冭槛娴忚埚櫒镄勫吋瀹规ч梾棰桡纴渚嫔备綘鍙浠ュ湪CSS涓浣跨敤鍙橀噺銆佺亩鍗旷殑阃昏緫绋嫔簭銆佸嚱鏁扮瓑绛夊湪缂栫▼璇瑷涓镄勪竴浜涘熀链鐗规э纴鍙浠ヨ╀綘镄凛SS镟村姞绠娲併侀傚簲镐ф洿寮恒佸彲璇绘ф洿浣筹纴镟存槗浜庝唬镰佺殑缁存姢绛夎稿氩ソ澶勚

CSS棰勫勭悊鍣ㄦ妧链宸茬粡闱炲父镄勬垚镡燂纴钥屼笖涔熸秾鐜板嚭浜嗗緢澶氱崭笉钖岀殑CSS棰勫勭悊鍣ㄨ瑷锛屾瘆濡傝达细Sass锛圫CSS锛夈丩ESS銆丼tylus銆乀urbine銆丼withch CSS銆丆SS Cacheer銆丏T CSS绛夈傚傛や箣澶氱殑CSS棰勫勭悊鍣锛岄偅涔堚沧垜搴旇ラ夋嫨鍝绉岰SS棰勫勭悊鍣锛颎濅篃鐩稿簲鎴愪简链杩戠绣涓婄殑涓澶х儹闂ㄨ瘽棰桡纴鍦↙inkedin銆乀witter銆丆SS-Trick銆佺煡锻间互鍙婂悇澶ф妧链璁哄潧涓婏纴寰埚氢汉涓烘や簤璁轰笉浼戙傜浉姣旇繃璁℃垜浠瀵规槸钖﹀簲璇ヤ娇鐢–SS棰勫勭悊鍣ㄧ殑璇濋樿岃█锛岃繖宸茬粡鏄寰埚ぇ镄勮繘姝ヤ简銆

鍒扮洰鍓崭负姝锛屽湪浼楀氢紭绉镄凛SS棰勫勭悊鍣ㄨ瑷涓灏卞睘Sass銆丩ESS鍜孲tylus链浼樼锛岃ㄨ虹殑涔熷氾纴瀵规瘆镄勪篃澶氥傛湰鏂囧皢鍒嗗埆浠庝粬浠浜х敓镄勮儗鏅銆佸畨瑁呫佷娇鐢ㄨ娉曘佸纾钖岀瓑鍑犱釜瀵规瘆涔嫔勫悜浣犱粙缁嶈繖涓夋综SS棰勫勭悊鍣ㄨ瑷銆傜浉淇″墠绔寮鍙戝伐绋嫔笀浼氩仛鍑鸿嚜宸辩殑阃夋嫨钬斺旀垜瑕侀夋嫨鍝娆综SS棰勫勭悊鍣ㄣ

浜屻丼ass銆丩ESS鍜孲tylus鑳屾櫙浠嬬粛

涓轰简鑳芥洿濂界殑浜呜В杩欎笁娆炬祦琛岀殑CSS棰勫勭悊鍣锛屾垜浠鍏堜粠鍏惰儗鏅鍏ユ坠锛岀亩鍗旷殑浜呜В涓涓嫔悇镊镄勮儗鏅淇℃伅銆

1.Sass鑳屾櫙浠嬬粛

Sass鏄瀵笴SS锛埚眰鍙犳牱寮忚〃锛夌殑璇娉旷殑涓绉嶆墿鍏咃纴璇炵敓浜2007骞达纴链镞╀篃鏄链鎴愮啛镄勪竴娆综SS棰勫勭悊鍣ㄨ瑷锛屽畠鍙浠ヤ娇鐢ㄥ彉閲忋佸父閲忋佸祵濂椼佹贩鍏ャ佸嚱鏁扮瓑锷熻兘锛屽彲浠ユ洿链夋晥链夊脊镐х殑鍐椤嚭CSS銆係ass链钖庤缮鏄浼氱紪璇戝嚭钖堟硶镄凛SS璁╂祻瑙埚櫒浣跨敤锛屼篃灏辨槸璇村畠链韬镄勮娉曞苟涓嶅お瀹规槗璁╂祻瑙埚櫒璇嗗埆锛屽洜涓哄畠涓嶆槸镙囧嗳镄凛SS镙煎纺锛屽湪瀹幂殑璇娉曞唴閮ㄥ彲浠ヤ娇鐢ㄥ姩镐佸彉閲忕瓑锛屾墍浠ュ畠镟村儚涓绉嶆瀬绠鍗旷殑锷ㄦ佽瑷銆

鍏跺疄鐜板湪镄凷ass宸茬粡链変简涓ゅ楄娉曡勫垯锛氢竴涓渚濇棫鏄鐢ㄧ缉杩涗綔涓哄垎闅旂︽潵鍖哄垎浠ｇ爜鍧楃殑锛涘彟涓濂楄勫垯鍜孋SS涓镙烽噰鐢ㄤ简澶ф嫭鍙凤纸锝涳綕锛変綔涓哄垎闅旂︺傚悗涓绉嶈娉曡勫垯鍙埚悕SCSS锛屽湪Sass3涔嫔悗镄勭増链閮芥敮鎸佽繖绉嶈娉曡勫垯銆

2.LESS镄勮儗鏅浠嬬粛

2009骞村紑婧愮殑涓涓椤圭洰锛屽弹Sass镄勫奖鍝嶈缉澶э纴浣嗗张浣跨敤CSS镄勮娉曪纴璁╁ぇ閮ㄥ垎寮鍙戣呭拰璁捐″笀镟村规槗涓婃坠銆侺ESS鎻愪緵浜嗗氱嶆柟寮忚兘骞虫粦镄勫皢鍐椤ソ镄勪唬镰佽浆鍖栨垚镙囧嗳镄凛SS浠ｇ爜锛屽湪寰埚氭祦琛岀殑妗嗘灦鍜屽伐鍏蜂腑宸茬粡鑳界粡甯哥湅鍒癓ESS镄勮韩褰变简锛堜緥濡俆witter镄凚ootstrap妗嗘灦灏变娇鐢ㄤ简LESS锛夈

镙规嵁缁村熀锏剧戜笂镄勪粙缁嶏纴鍏跺疄LESS鏄疉lexis Sellier鍙桽ass镄勫奖鍝嶅垱寤虹殑涓涓寮婧愰”鐩銆傚綋镞禨ASS閲囩敤浜嗙缉杩涗綔涓哄垎闅旂︽潵鍖哄垎浠ｇ爜鍧楋纴钥屼笉鏄疌SS涓骞夸负浣跨敤镄勫ぇ𨰾鍙凤纸锝涳綕锛夈备负浜呜〤SS鐜版湁镄勭敤鎴蜂娇鐢ㄨ捣𨱒ユ洿浣虫柟渚匡纴Alexis寮鍙戜简LESS骞舵彁渚涗简绫讳技CSS镄勪功鍐椤姛鑳姐

3.Stylus鑳屾櫙浠嬬粛

Stylus锛2010骞翠骇鐢燂纴𨱒ヨ嚜浜嶯ode.js绀惧尯锛屼富瑕佺敤𨱒ョ粰Node椤圭洰杩涜孋SS棰勫勭悊鏀鎸侊纴鍦ㄦょぞ鍖轰箣鍐呮湁涓瀹氭敮鎸佽咃纴鍦ㄥ箍娉涚殑镒忎箟涓娄汉姘旇缮瀹屽叏涓嶅係ass鍜孡ESS銆

Stylus琚绉颁负鏄涓绉嶉潻锻芥х殑鏂拌瑷锛屾彁渚涗竴涓楂樻晥銆佸姩镐併佸拰浣跨敤琛ㄨ揪鏂瑰纺𨱒ョ敓鎴怌SS锛屼互渚涙祻瑙埚櫒浣跨敤銆係tylus钖屾椂鏀鎸佺缉杩涘拰CSS甯歌勬牱寮忎功鍐栾勫垯銆

娉锛歋tylus涓娄笅杞絉uby瀹夎呮枃浠讹纸闅忔剰阃夋嫨涓涓鐗堟湰锛夛纴姝ゅ勯夋嫨镄勬槸链鏂扮増链琑uby1.9.3-p385锛

闄や简浣跨敤Ruby镄凛ommand鎺у埗闱㈡澘杞璇慡ass涔嫔栬缮鍙浠ヨ冭槛绗涓夋柟宸ュ叿锛屾瘆濡傝存湁钖岖殑Compass.app鍜宖ire.app銆

2.LESS鏂囦欢镄勮浆璇戞垚CSS鏂囦欢

LESS鏂囦欢镄勮浆璇戝拰Sass鏂囦欢杞璇戝彲浠ヨ存槸澶у悓灏忓纾锛屼笉钖屼箣澶勬槸LESS鍦ㄥ畨瑁呯殑Node JS鐜澧冧笅阃氲繃鍏惰嚜宸辩殑锻戒护𨱒ヨ繘琛岃浆璇戙

$ lessc style.less

涓婇溃镄勫懡浠や细灏嗙紪璇戠殑CSS浼犻掔粰stdout锛屼綘鍙浠ュ皢瀹冧缭瀛桦埌涓涓鏂囦欢涓锛

$ lessc style.less > style.css

闄や简涓婇溃镄勫懡浠よ浆璇慙ESS婧愭枃浠朵箣澶栵纴鐜板湪杩樻湁寰埚氱涓夋柟寮鍙戠殑宸ュ叿锛屾瘆杈冨父瑙佺殑链夛细SimpleLess銆丩ess.app銆丩ESS缂栬疟杈呭姪鑴氭湰-LESS2CSS銆乄inLess鍜孋odeKit.app绛夛纴鎴戜釜浜虹幇鍦ㄥ父鐢ㄧ殑鏄疻inLess宸ュ叿锛岀亩鍗曟槗鐢锛屼笉杩囧湪IOS绯荤粺涓婰ESS.app鍜孋odeKit.app寰埚ソ鐢ㄣ

3.Stylus婧愭枃浠惰浆璇戞垚CSS鏂囦欢

Stylus鍏锋湁鍙镓ц屾э纴锲犳Stylus鑳藉皢镊韬杞鎹㈡垚CSS銆係tylus鍙浠ヨ诲彇镊钬渟tdin钬濊緭鍑哄埌钬渟tdout钬濓纴锲犳Stylus鍙浠ュ儚涓嬮溃杞璇戞簮鏂囦欢锛

$ stylus 钬揷ompress <some.styl> some.css

Stylus涔熷儚Sass涓镙凤纴钖屾椂鎺ュ弹鍗曚釜鏂囦欢鍜屾暣涓鐩褰旷殑杞璇戙备緥濡傦纴涓涓鐩褰曞悕涓衡渃ss钬濆皢鍦ㄥ悓涓涓鐩褰旷紪璇戝苟杈揿嚭钬.css钬濇枃浠躲

$ stylus css

涓嬮溃镄勫懡浠ゅ皢杈揿嚭鍒扳./public/stylesheets钬濓细

$ stylus css 钬搊ut public/stylesheets

杩桦彲浠ュ悓镞惰浆璇戝氢釜鏂囦欢锛

$ stylus one.styl two.styl

濡傛灉浣犵殑娴忚埚櫒瀹夎呬简Firebug锛岄偅涔埚彲浠ヤ娇鐢‵ireStylus镓╁𪾢銆

$ stylus 钬揻irebug <path>

浜斻丼ass銆丩ESS鍜孲tylus镄勮娉

姣忎竴绉嶈瑷閮芥湁镊宸变竴瀹氱殑璇娉曡勫垯锛孋SS棰勫勭悊鍣ㄨ瑷涔熶笉渚嫔栵纴鍦ㄧ湡姝ｄ娇鐢–SS棰勫勫櫒璇瑷涔嫔墠杩樻湁涓涓涓嶅彲缂哄皯镄勭煡璇嗙偣锛屽氨鏄瀵硅娉旷殑鐞呜В銆傚煎缑搴嗗垢镄勬槸锛岃繖涓夋综SS棰勫勭悊鍣ㄨ瑷镄勮娉曞拰CSS璇娉曢兘宸涓嶅氥

1.Sass璇娉

Sass3.0鐗堟湰寮濮嬩娇鐢ㄧ殑鏄镙囧嗳镄凛SS璇娉曪纴鍜孲CSS鍙浠ヨ存槸涓镙风殑銆傝繖镙稴ass浠ｇ爜杞鎹㈡垚CSS浠ｇ爜鍙桦缑镟村规槗銆傞粯璁Sass浣跨敤钬.scss钬濇墿灞曞悕銆係ass璇娉曡勫垯鍙浠ュ儚CSS闾ｆ牱涔﹀啓锛

/*style.sass鏂扮増璇娉曡勫垯*/h1{ color:#936;
background-color:#333;}

姝ｅ备綘镓鐪嫔埌镄勶纴鍦⊿ass镙峰纺涓锛岃繖镙风殑浠ｇ爜鏄鍦ㄧ亩鍗曚笉杩囩殑浜嗐

閲嶈佺殑涓镣规槸锛孲ass涔熷悓镞舵敮鎸佽佺殑璇娉曪纴钥佺殑璇娉曞拰甯歌勭殑CSS璇娉旷暐链変笉钖岋纴浠栭渶瑕佷弗镙肩殑璇娉曪纴浠讳綍镄勭缉杩涘拰瀛楃︾殑阌栾閮戒细阃犳垚镙峰纺镄勭紪璇戦敊璇銆係ass鍙浠ョ渷鐣ュぇ𨰾鍙凤纸锝涳綕锛夊拰鍒嗗彿锛堬绂锛夛纴瀹屽叏渚濋潬涓ユ牸镄勭缉杩涘拰镙煎纺鍖栦唬镰侊纴钥屼笖鏂囦欢浣跨敤钬.sass钬濇墿灞曞悕锛屼粬镄勮娉旷被浼间簬锛

/*style.sass*/h1
color:#936
background-color: #333

2.LESS璇娉

LESS鏄疌SS镄勪竴绉嶆墿灞曞舰寮忥纴瀹冨苟娌℃湁阒夊壊CSS镄勫姛鑳斤纴钥屾槸鍦ㄧ幇链夌殑CSS璇娉曚笂锛屾坊锷犱简寰埚氶濆栫殑锷熻兘銆傚氨璇娉曡勫垯钥岃█锛孡ESS鍜孲ass涓镙凤纴閮芥槸浣跨敤CSS镄勬爣鍑呜娉曪纴鍙鏄疞ESS镄勬簮鏂囦欢镄勬墿灞曞悕鏄钬.less钬濓纴鍏跺熀链璇娉旷被浼间簬锛

/*style.less*/h1 { color: #963;
background-color: #333;}

3.Stylus璇娉

Stylus镄勮娉曡姳镙峰氢竴浜涳纴瀹幂殑鏂囦欢镓╁𪾢钖嶆槸钬.styl钬濓纴Stylus涔熸帴鍙楁爣鍑嗙殑CSS璇娉曪纴浣嗘槸浠栦篃镀厂ass钥佺殑璇娉曡勫垯锛屼娇鐢ㄧ缉杩涙带鍒讹纴钖屾椂Stylus涔熸帴鍙椾笉甯﹀ぇ𨰾鍙凤纸锝涳綕锛夊拰鍒嗗彿镄勮娉曪纴濡备笅镓绀猴细

/*style.styl*//*绫讳技浜嶤SS镙囧嗳璇娉*/h1 { color: #963;
background-color:#333;}/*鐪佺暐澶ф嫭鍙凤纸锝涳綕锛*/h1
color: #963; background-color: #333;/*鐪佺暐澶ф嫭鍙凤纸锝涳綕锛夊拰鍒嗗彿锛;锛*/h1
color:#963
background-color:#333

鍦⊿tylus镙峰纺涓锛屼綘涔熷彲浠ュ湪钖屼竴涓镙峰纺鏂囦欢涓浣跨敤涓嶅悓镄勮娉曡勫垯锛屼笅闱㈣繖镙风殑鍐欐硶涔熶笉浼氭姤阌欙细

/*style.styl*/h1 {
color #963}
h2
font-size:1.2em

鍏銆丼ass銆丩ESS鍜孲tylus鐗规

杩欎笁娆综SS棰勫勭悊鍣ㄨ瑷鍏锋湁涓浜涚浉钖岀殑鐗规э纴渚嫔傦细鍙橀噺銆佹贩鍏ャ佸祵濂椼佸嚱鏁扮瓑銆傚湪杩欎竴鑺备腑锛屾垜浠渚濇℃潵瀵规瘆涓涓嬭繖涓夋综SS棰勫勭悊鍣ㄨ瑷钖勭岖壒镐х殑寮傚悓涔嫔勶纴浠ュ强浣跨敤鏂规硶銆

1.鍙橀噺锛圴ariables锛

濡傛灉浣犳槸涓涓寮鍙戜汉锻桡纴鍙橀噺搴旇ユ槸浣犳渶濂芥湅鍙嬩箣涓銆傚湪CSS棰勫勭悊鍣ㄨ瑷涓浣犱篃鍙浠ュ０鏄庡彉閲忥纴骞跺湪鏁翠釜镙峰纺琛ㄤ腑浣跨敤銆侰SS棰勫勭悊鍣ㄨ瑷鏀鎸佷换浣曞彉閲忥纸渚嫔傦细棰滆壊銆佹暟鍊笺佹枃链锛夈傜劧钖庝綘鍙浠ュ湪浠绘剰鍦版柟寮旷敤鍙橀噺銆

a)Sass镄勫彉閲

Sass澹版槑鍙橀噺蹇呴’鏄钬$钬濆紑澶达纴钖庨溃绱ц窡鍙橀噺钖嶅拰鍙橀噺鍊硷纴钥屼笖鍙橀噺钖嶅拰鍙橀噺鍊奸渶瑕佷娇鐢ㄥ啋鍙凤纸锛氾级鍒嗛殧寮銆傚氨镀廋SS灞炴ц剧疆涓镙凤细

/*澹版槑鍙橀噺*/$mainColor: #963;$siteWidth: 1024px;$borderStyle: dotted;/*璋幂敤鍙橀噺*/ | /*杞璇戝嚭𨱒ョ殑CSS*/------------------------------------------+------------------------------
body { | body {
color: $mainColor; | color: #963;
border:1px $borderStyle $mainColor; | border:1px dotted #963;
max-width: $siteWidth; | max-width: 1024px;
} | }

b)LESS镄勫彉閲

LESS镙峰纺涓澹版槑鍙橀噺鍜岃皟鐢ㄥ彉閲忓拰Sass涓镙凤纴鍞涓镄勫尯鍒灏辨槸鍙橀噺钖嶅墠闱浣跨敤镄勬槸钬淍钬濆瓧绗︼细

/*澹版槑鍙橀噺*/@mainColor: #963;@siteWidth: 1024px;@borderStyle: dotted;/*璋幂敤鍙橀噺*/ | /*杞璇戝嚭𨱒ョ殑CSS*/----------------------------------------+-------------------------------
body { | body {
color: @mainColor; | color:#963;
border:1px @borderStyle @mainColor; | border:1px dotted #963;
max-width: @siteWidth; | max-width:1024px;
} | }

c)Stylus镄勫彉閲

Stylus镙峰纺涓澹版槑鍙橀噺娌℃湁浠讳綍闄愬畾锛屼綘鍙浠ヤ娇鐢ㄢ$钬濈﹀彿寮濮嬨傜粨灏剧殑鍒嗗彿锛;锛夊彲链夊彲镞狅纴浣嗗彉閲忓悕鍜屽彉閲忓间箣闂寸殑绛夊彿锛=锛夋槸闇瑕佺殑銆傛湁涓镣归渶瑕佹敞镒忕殑鏄锛屽傛灉鎴戜滑浣跨敤钬淍钬濈﹀彿寮澶存潵澹版槑锛0.22.4锛夊彉閲忥纴Stylus浼氲繘琛岀紪璇戯纴浣嗗叾瀵瑰簲镄勫煎苟涓崭细璧嫔肩粰鍙橀噺銆傛崲鍙ヨ瘽璇达纴鍦⊿tylus涓涓嶈佷娇鐢ㄢ淍钬濈﹀彿寮澶村０鏄庡彉閲忋係tylus涓璋幂敤鍙橀噺镄勬柟娉曞拰LESS銆丼ass鏄瀹屽叏鐩稿悓镄勚

/*澹版槑鍙橀噺*/mainColor = #963;siteWidth = 1024px;$borderStyle = dotted;/*璋幂敤鍙橀噺*/ | /*杞璇戝嚭𨱒ョ殑CSS*/----------------------------------------+--------------------------------
body | body {
color mainColor | color: #963;
border 1px $borderStyle mainColor | border:1px dotted #963
max-width siteWidth | max-width:1024px;
| }

Stylus杩樻湁涓涓镫鐗瑰姛鑳斤纴涓嶉渶瑕佸垎閰嶅肩粰鍙橀噺灏卞彲浠ュ畾涔夊紩鐢ㄥ睘镐э细

/*姘村钩鍨傜洿灞呬腑*/ | /*杞璇戝嚭𨱒ョ殑CSS*/------------------------------------+------------------------------------#logo | #logo {
position absolute | position:absolute;
top 50% | top:50%;
left 50% | left:50%;
width w = 150px | width:150px;
height h = 80px | height:80px;
margin-left -(w / 2)

‘叁’ win7 钃濆睆鏄剧ずdriver_irql_not_less_or_equal 阌栾浠ｇ爜鏄0x000000D1(0x000000D1,0x00000004,0x00000002,0x0

寮曡捣鍏虫満钃濆睆鏁呴㱩锛
1 鍙鏄锅剁劧浜嬩欢锛岄吨璧峰嵆鍙鎺挜櫎銆备笉鍙浠ユ帓闄よ繖涓鍙鑳斤纴锲犱负鎸夋傜巼𨱒ヨ村湪鏄瀛桦湪镄勶纴鎴戜滑涓嶅彲浠ュ洜涓轰竴娆¤掴灞忚屽氨锲烘墽镄勮や负璁＄畻链烘湁鏁呴㱩锛

2 WindowsXP链韬甯︽湁镄勪竴涓狟UG銆傚畠镄勮〃鐜版槸锛氩湪鍏虫満杩囩▼涓锛岄棿姝囨х殑鍑虹幇钃濆睆鐜拌薄锛屾垜浠鍙浠ラ氲繃涓嬭浇琛ヤ竵镄勫姙娉曟潵瑙ｅ喅杩欎釜闂棰桡紒

3 椹卞姩绋嫔簭闂棰樸傛垜浠鍙浠ユ煡镓炬渶杩戝畨瑁呯殑椹卞姩绋嫔簭锛屾槸钖﹀瓨鍦ㄥ吋瀹规х殑闂棰樻垨钥呮妸绯荤粺杩桦师鍒颁笂涓娆℃ｇ‘镎崭綔锛
濡傛灉浣犱娇鐢ㄧ殑鏄鍒涙柊澹板崱锛屽苟涓斿湪鍏虫満杩囩▼涓鍑虹幇钃濆睆锛岄敊璇镰佹槸钬0X0A钬濓纴闾ｄ箞锛岃疯繘鍏ヨ惧囩＄悊鍣锛屽皢澹板崱鍒犻櫎锛屽埛鏂板悗锛屾坠锷ㄥ畨瑁呮渶鏂扮殑甯︽湁鏁板瓧绛惧悕镄勯┍锷ㄧ▼搴忋

4 杞浠跺啿绐侀犳垚鍏虫満钃濆睆銆傜‘璁ゅ湪鍏虫満鍓嶅叧鎺夋墍链夋ｅ湪杩愯岀殑绋嫔簭锛屽傛灉鍙嶅嶅嚭鐜板叧链鸿掴灞忕幇璞¤锋镆ユ渶杩戝畨瑁呰蒋浠剁殑鍏煎规ф垨钥呴吨鏂板畨瑁呯郴缁熴佺郴缁熻缮铡熸垨钥呭垹闄ゆ渶杩戝畨瑁呰蒋浠惰瘯璇曪紒

5 镒熸煋䦅呮瘨銆傝繘鍏ュ畨鍏ㄦā寮忓交搴曟潃姣掞紒

6 涓绘澘BIOS涓岖ǔ瀹氥傜粰BIOS鏀剧数鎴栬呭崌绾т富𨱒緽IOS锛

7 闱炴ｅ父鍏抽棴璁＄畻链哄紩璧风殑钃濆睆鏁呴㱩銆

8 鍐呭瓨𨱒℃晠闅溿傚ぇ閮ㄥ垎鏄鍐呭瓨𨱒¤姘у寲锛屾湁姗＄毊镎︿笅閲戞坠鎸 鎹涓涓嫔唴瀛樻彃妲藉熀链鏄灏卞彲浠ユ帓闄わ纴杩樻湁灏辨槸鍐呭瓨镄勪笉鍏煎癸纴涓鑸閲嶆柊瀹夎呯郴缁熷彲浠ヨВ鍐筹紒鏁ｈ呭唴瀛树竴鑸鍝佽川鍙傚樊涓嶉绨锛屼吉锷ｄ骇鍝佺敱浜庡搧璐ㄤ笉杩囧叧寰埚规槗寮曡捣钃濋戞晠闅滐紒

9 娉ㄥ唽琛ㄦ崯鍧忓艰嚧鏂囦欢鎸囧悜阌栾镓寮曡捣镄勮掴灞忋

10 纭浠舵晠闅溿傝繖涓涓鑸鍙浠ョ敤镟挎崲娉曡В鍐筹紒

11 纭浠惰祫婧愬啿绐併傜敱浜庢樉鍗℃垨钥呭０鍗¤剧疆鍐茬獊锛屽紩璧风殑寮傚父阌栾銆傝В鍐虫柟娉曡繘鍏モ滃畨鍏ㄦā寮忊浓沧带鍒堕溃𨱒库旂郴缁颎旇惧囩＄悊钬濅腑杩涜岄傚綋璋冩暣锛屼竴鑸鍙浠ヨВ鍐筹紒

12 纭鐩桦垎鍖轰俊鎭阌栾銆傛渶濂借繍鐢ㄧ佺洏宸ュ叿杩涜屾壂鎻忎慨澶嶏紒

13 纾佺洏鍓╀綑绌洪棿杩囧皯鎴栬呭瀮鍦炬枃浠惰繃澶氢篃涓ラ吨褰卞搷璁＄畻链鸿繍琛岋紒鎴戜滑搴旇ュ舰鎴愬ソ镄勪範𨱍瀹氭湡娓呯悊纾佺洏鍨冨溇锛

14 瓒呴戝紩璧疯掴灞忔晠闅溿

15 𨱔板皹闂棰樸傚畾链熸竻鐞嗘満绠卞唴鍨冨溇鍙浠ユ湁鏁堥勯槻姝绘満浠ュ强钃濆睆镄勫彂鐢燂紒

16 鍗囩骇DX镞舵妸system涓嬬殑閮ㄥ垎閲嶈佹枃浠惰嗙洊瀹夎呫

17 妫镆ユ満绠卞唴绾胯矾鏄钖︽涧锷锛岀‖鐩樻帴鍙ｇ瓑浠ュ强鏄惧崱 缃戝崱 澹板崱 鍐呭瓨绛夋槸钖︽彃绱с

18 鐢垫簮闂棰樸傜敱浜庡姡璐ㄧ数婧愮数铡嬩笉绋冲畾锛岄潪甯告湁鍙鑳藉紩璧蜂竴绯诲垪镄勯梾棰桡纴姣斿傛棤鏁呮绘満 閲嶈捣 钃濆睆绛夌幇璞★纴鐢垫簮闂棰桦紩璧疯掴灞忎富瑕佹槸锲犱负鐢靛帇涓岖ǔ瀹氾纴寮链烘椂闂磋繃闀垮湪鏄惧崱绛変竴绯诲垪璁惧囦腑褰㈡垚涓浜涜剦鍐茬数阒伙纴鍦ㄥ叧链虹殑镞跺栾＄畻链哄氨浼氩彂鐜伴敊璇锛屾墍浠ュ紩璧疯掴灞忥紒