精华内容
下载资源
问答
  • centos6.5 修改命令提示符样式

    千次阅读 2017-10-17 17:53:26
    可以将修改命令提示符的样式,以不同的颜色显示出来,那么就能很清楚的分辨了。了解PS1linux的文本模式下,总有这么一行[root@localhost ~]# 这个其实是在变量里设置。输入set,可以看到返回的变量列表中有一个PS1

    学习linux时,当命令有很长的输出信息时,总感觉输入的命令和命令的返回结果难以分辨。就像下面这样

    这里写图片描述

    命令有一大堆的输出信息,而命令本身夹杂其中,怎么找到输出信息的第一行?可以将修改命令提示符的样式,以不同的颜色显示出来,那么就能很清楚的分辨了。

    了解PS1

    linux的文本模式下,总有这么一行

    [root@localhost ~]# 

    这个其实是在变量里设置。输入set,可以看到返回的变量列表中有一个PS1
    这里写图片描述

    这个 PS1 ,就是我们的『命令提示字符』! 当我们每次按下[Enter] 键去执行某个指令后,最后要再次出现提示字符时, 就会主动去读去这个变量值了。
    上头 PS1 内显示的是一些特殊符号,这些特殊符号可以显示不同的信息, 每个 distributions 的bash 默认的 PS1 变量内容可能有些差异,不要紧,『习惯你自己的习惯』就好了。 你可以用 man bash (注 3)去查询一下 PS1 的相关说明,以理解底下的一些符号

    
     \d :可显示出『星期 月 日』的日期格式,如:"Mon Feb 2"
     \H :完整的主机名。
     \h :仅取主机名在第一个小数点之前的名字
     \t :显示时间,为 24 小时格式的『HH:MM:SS』
     \T :显示时间,为 12 小时格式的『HH:MM:SS』
     \A :显示时间,为 24 小时格式的『HH:MM』
     \@ :显示时间,为 12 小时格式的『am/pm』样式
     \u :目前使用者的账号名称,如『root』;
     \v :BASH 的主版本信息
     \w :完整的工作目录名称,由根目录写起的目录名称。但家目录会以 ~ 取代;
     \W :利用 basename 函数取得工作目录名称,所以仅会列出最后一个目录名。
     \# :下达的第几个指令。
     \$ :提示字符,如果是 root 时,提示字符为 # ,否则就是 $ 

    默认的命令行提示信息的格式PS1=’[\u@\h \W]$ ’ 的意思就是:

    [当前用户的账号名称@主机名的第一个名字 工作目录的最后一层目录名]#

    如何设置显示的颜色呢?

    颜色设置格式

    在PS1中设置字符颜色的格式为:[\e[F;Bm],其中“F“为字体颜色,编号为30-37,“B”为背景颜色,编号为40-47。

      颜色对照表:

            F   B
    
        30  40 黑色
    
        31  41 红色
    
        32  42 绿色
    
        33  43 黄色
    
        34  44 蓝色
    
        35  45 紫红色
    
        36  46 青蓝色
    
        37  47 白色

       只需将对应数字套入设置格式中即可。
       比如要设置命令行的格式为绿字黑底([\e[32;40m]),显示当前用户的账号名称(\u)、主机的第一个名字(\h)、完整的当前工作目录名称(\w)、24小时格式时间(\t),可以直接在命令行键入如下命令:

    PS1='[\[\e[32;40m\]\u@\h \w \t]$ '

    经过反复测试,我定义的PS1

    PS1='\[\e[37;40m\][\[\e[32;40m\]\u\[\e[37;40m\]@\h \[\e[36;40m\]\W\[\e[37;40m\]]\$ '

    效果如图:
    这里写图片描述

    但这个是临时性的,切换用户或者重启之后就没了。

    修改.bashrc文件,永久保存命令行样式.

    进入用户家目录,打开.bashrc文件,将刚才

    PS1='\[\e[37;40m\][\[\e[32;40m\]\u\[\e[37;40m\]@\h \[\e[36;40m\]\W\[\e[37;40m\]]\$ '

    添加进去
    这里写图片描述

    保存!大功告成!

    注意这个方法只有对当前用户有效,如果你换了一个用户登陆,就要重新设置一遍。当然每个用户设置一遍就ok了。如何对所有用户有效,还有待摸索!

    展开全文
  • jquery之修改元素样式(样式相关的更有用的命令,使用hasClass()方法)

    jquery之修改元素样式(样式相关的更有用的命令,使用hasClass()方法)

    ----------

    确定元素是否拥有特定类,是极为常见的需求,可以调用JQuery的hasClass()函数来实现,如:

     

     

    如果匹配集里某个元素拥有指定类,这个语句就返回true。

     

    hasClass()语法:

    hasClass(name)

    确定匹配集里是否有元素拥有已传递name参数所指定的类名称

    参数

    name  (字符串)将要检查的类名称

    返回

    如果包装集里某个元素拥有已传递的类名称,就返回true,否则返回false。

     

    回忆下is()命令,用如下语句也可以完成同样的事情:

     

    事实上,jquery内部工作正是这样实现hasClass()函数的!但可以论证的是,hasClass()命令有助于编写可读性更高的代码。

     

    展开全文
  • Centos 修改命令提示符颜色和样式

    千次阅读 2018-06-30 20:27:42
    学生生涯即将结束,但学习生涯刚刚开始,坚持学习。 6月份没来的及写博客,就到了6月最后一天了,先留个坑。忙完这两天来补。

    1 切换到root用户

    2 执行 vim ~/.bashrc

    3 添加语句 PS1='\[\e[35;40m\][\u@ \W]\$: \[\e[m\]'

    4 退出VIM 执行 source ~/.bashrc,效果如下:

    这里写图片描述

    参考:传送门

    展开全文
  • 使用SASS修改iconic样式

    千次阅读 2015-04-21 17:21:20
    iconic使用了sass来快速更改UI样式,通过修改sass,能够编译生成我们要的样式。所以有必要了解学习好sass,来更方便的更改ionic成为我们要的UI。 学过CSS的人都知道,它不是一种编程语言。 你可以用它...

    iconic使用了sass来快速更改UI样式,通过修改sass,能够编译生成我们要的样式。所以有必要了解学习好sass,来更方便的更改ionic成为我们要的UI。


    学过CSS的人都知道,它不是一种编程语言。

    你可以用它开发网页样式,但是没法用它编程。也就是说,CSS基本上是设计师的工具,不是程序员的工具。在程序员眼里,CSS是一件很麻烦的东西。它没有变量,也没有条件语句,只是一行行单纯的描述,写起来相当费事。

    很自然地,有人就开始为CSS加入编程元素,这被叫做"CSS预处理器"(css preprocessor)。它的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件。

    各种"CSS预处理器"之中,我自己最喜欢SASS,觉得它有很多优点,打算以后都用它来写CSS。下面是我整理的用法总结,供自己开发时参考,相信对其他人也有用。

    ============================================

    SASS用法指南

    一、什么是SASS

    SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。

    本文总结了SASS的主要用法。我的目标是,有了这篇文章,日常的一般使用就不需要去看官方文档了。

    二、安装和使用

    2.1 安装

    SASS是Ruby语言写的,但是两者的语法没有关系。不懂Ruby,照样使用。只是必须先安装Ruby,然后再安装SASS。

    假定你已经安装好了Ruby,接着在命令行输入下面的命令:

      gem install sass

    然后,就可以使用了。

    2.2 使用

    SASS文件就是普通的文本文件,里面可以直接使用CSS语法。文件后缀名是.scss,意思为Sassy CSS。

    下面的命令,可以在屏幕上显示.scss文件转化的css代码。(假设文件名为test。)

      sass test.scss

    如果要将显示结果保存成文件,后面再跟一个.css文件名。

      sass test.scss test.css

    SASS提供四个编译风格的选项:

      * nested:嵌套缩进的css代码,它是默认值。

      * expanded:没有缩进的、扩展的css代码。

      * compact:简洁格式的css代码。

      * compressed:压缩后的css代码。

    生产环境当中,一般使用最后一个选项。

      sass --style compressed test.sass test.css

    你也可以让SASS监听某个文件或目录,一旦源文件有变动,就自动生成编译后的版本。

      // watch a file

      sass --watch input.scss:output.css

      // watch a directory

      sass --watch app/sass:public/stylesheets

    SASS的官方网站,提供了一个在线转换器。你可以在那里,试运行下面的各种例子。

    三、基本用法

    3.1 变量

    SASS允许使用变量,所有变量以$开头。

      $blue : #1875e7; 

      div {
       color : $blue;
      }

    如果变量需要镶嵌在字符串之中,就必须需要写在#{}之中。

      $side : left;

      .rounded {
        border-#{$side}-radius: 5px;
      }

    3.2 计算功能

    SASS允许在代码中使用算式:

      body {
        margin: (14px/2);
        top: 50px + 100px;
        right: $var * 10%;
      }

    3.3 嵌套

    SASS允许选择器嵌套。比如,下面的CSS代码:

      div h1 {
        color : red;
      }

    可以写成:

      div {
        hi {
          color:red;
        }
      }

    属性也可以嵌套,比如border-color属性,可以写成:

      p {
        border: {
          color: red;
        }
      }

    注意,border后面必须加上冒号。

    在嵌套的代码块内,可以使用$引用父元素。比如a:hover伪类,可以写成:

      a {
        &:hover { color: #ffb3ff; }
      }

    3.4 注释

    SASS共有两种注释风格。

    标准的CSS注释 /* comment */ ,会保留到编译后的文件。

    单行注释 // comment,只保留在SASS源文件中,编译后被省略。

    四、代码的重用

    4.1 继承

    SASS允许一个选择器,继承另一个选择器。比如,现有class1:

      .class1 {
        border: 1px solid #ddd;
      }

    class2要继承class1,就要使用@extend命令:

      .class2 {
        @extend .class1;
        font-size:120%;
      }

    4.2 Mixin

    Mixin有点像C语言的宏(macro),是可以重用的代码块。

    使用@mixin命令,定义一个代码块。

      @mixin left {
        float: left;
        margin-left: 10px;
      }

    使用@include命令,调用这个mixin。

      div {
        @include left;
      }

    mixin的强大之处,在于可以指定参数和缺省值。

      @mixin left($value: 10px) {
        float: left;
        margin-right: $value;
      }

    使用的时候,根据需要加入参数:

      div {
        @include left(20px);
      }

    下面是一个mixin的实例,用来生成浏览器前缀。

      @mixin rounded($vert, $horz, $radius: 10px) {
        border-#{$vert}-#{$horz}-radius: $radius;
        -moz-border-radius-#{$vert}#{$horz}: $radius;
        -webkit-border-#{$vert}-#{$horz}-radius: $radius;
      }

    使用的时候,可以像下面这样调用:

      #navbar li { @include rounded(top, left); }

      #footer { @include rounded(top, left, 5px); }

    4.3 颜色函数

    SASS提供了一些内置的颜色函数,以便生成系列颜色。

      lighten(#cc3, 10%) // #d6d65c
      darken(#cc3, 10%) // #a3a329
      grayscale(#cc3) // #808080
      complement(#cc3) // #33c

    4.4 插入文件

    @import命令,用来插入外部文件。

      @import "path/filename.scss";

    如果插入的是.css文件,则等同于css的import命令。

      @import "foo.css";

    五、高级用法

    5.1 条件语句

    @if可以用来判断:

      p {
        @if 1 + 1 == 2 { border: 1px solid; }
        @if 5 < 3 { border: 2px dotted; }
      }

    配套的还有@else命令:

      @if lightness($color) > 30% {
        background-color: #000;
      } @else {
        background-color: #fff;
      }

    5.2 循环语句

    SASS支持for循环:

      @for $i from 1 to 10 {
        .border-#{$i} {
          border: #{$i}px solid blue;
        }
      }

    也支持while循环:

      $i: 6;

      @while $i > 0 {
        .item-#{$i} { width: 2em * $i; }
        $i: $i - 2;
      }

    each命令,作用与for类似:

      @each $member in a, b, c, d {
        .#{$member} {
          background-image: url("/image/#{$member}.jpg");
        }
      }

    5.3 自定义函数

    SASS允许用户编写自己的函数。

      @function double($n) {
        @return $n * 2;
      }

      #sidebar {
        width: double(5px);
      }

    (完)


    展开全文
  • 修改主题和样式

    千次阅读 2017-11-06 22:37:44
    修改主题和样式 基于NODEJS, 1> 修改主题 先确定要修改的标签属于哪个类型,比如button属于elements,于是在semantic下的src目录下的theme.config文件中,将要修改的内容的相应主题改为目标主题,主题在semantic-...
  • 一键修改字体样式大小(Onestatic宏插件使用) 宏功能,顾名思义(百度),是一个批量处理程序命令,正确地运用它可以提高工作效率。 在此介绍一个必备插件Onestatic。 Onestatic提供了一个宏命令市场,免费版可以...
  • 使用css3变量修改elementUI原始样式

    千次阅读 2018-01-10 14:01:50
    不过,这种方式主要是从整体上进行样式修改,比如修改input组件的样式后,在哪里使用,都是相同的样式。 在实际使用过程当中,不同的页面,或者相同的页面中,同一个组件的样式可能存在不一样的情况。 当前,我的...
  • web前端使用CSS修改svg颜色样式

    千次阅读 2020-07-07 15:06:34
    使用UI切图的svg无法直接修改内部的CSS样式,借用svgo工具可以完成样式修改 一.准备 1.安装svgo npm包 npm install svgo --save-dev 2.在package.json 脚本命令中加入"svgo": "svgo -f src/common/icons/svg --...
  • Linux 修改命令提示符界面 export PS1

    千次阅读 2017-06-20 15:49:57
    PS1默认提示符修改命令提示符界面样式1.1 临时修改原来样式: root@linux-01:/etc#使用命令:export PS1="\u@\h \w>" 修改界面样式修改后: root@linux-01 /etc>双引号里面可以自己编写,也可以输入语法\u :当前...
  • Octopress主题样式修改

    千次阅读 2013-10-30 20:49:55
    original link:...  written by 812lcl posted ... ...上一篇文章写了很多侧边栏和社会化评论分享系统的定制,现在 说一说,主题样式修改。 1. H
  • ASP.NET 中直接使用C# 动态修改CSS样式

    万次阅读 2008-06-14 14:32:00
    ASP.NET中直接用C# 动态修改CSS样式 wonsoft (wonsoft@163.com) 使用JavaScript控制CSS样式有点麻烦,还是觉得直接使用C#操作更方便快捷,本文通过两个Button控制TextBox1的高度和背景色,以展示通过C#控制CSS...
  • 1,临时更改显示样式,当会话结束后恢复原来的样式: export TIME_STYLE='+%Y-%m-%d...修改/etc/profile文件,在文件内容末尾加入 vim /etc/profile export TIME_STYLE='+%Y-%m-%d %H:%M:%S' 3,执行如下命令...
  •  由于默认的系统中,Win系统的CMD命令提示窗口过小,通过设置其基本的属性,可以改变其外观样式、字体颜色、字体大小等。  在这里,我主要讲解自己设置CMD命令提示窗口其窗口大小的值设置。 步骤: ...
  • jquery之修改元素样式(获取和设置样式,使用css(),width(),height()方法)
  • Latex参考文献字体样式修改

    万次阅读 2017-05-22 16:34:28
    在期刊投稿的时候,我们往往会遇到这样的问题,参考文献样式会有...而\bibliographystyle的标准样式往往不能满足期刊要求,此时可以通过如下方式实现样式修改。 预先编译Latex文件,生成xxx.pdf文件; 在工程目录下找到
  • 1.先在页面打开,输入命令“st”,选择style,打开样式 2.standard,这个样式是系统默认的,将字体名修改为“微软雅园” 3.选中相关文字,然后选择文字>注释>将样式修改为“standad”,这样相关的文字都变为...
  • 一、前言大家好,又到了办公自动化系列!之前讲过很多基于Excel的数据及样式调整案例,今天分享一个Python操作Word的真实自动化需求实现过程:「使用Python批量修改Word样式...
  • Ubuntu16.04,终端样式改变,PS1修改

    千次阅读 2016-11-15 10:35:35
    直接定义PS1就好了,其实不用了解PS1是什么,直接修改.bashrc就好了 网上其实有很多详细的教程,但是我是没有仔细的看, 我只是想自定义一个自己喜欢的,也不想玩出什么花来 — —||步骤1:编辑.bashrc代码(.bashrc...
  • 改变linux输出字体颜色,样式 [root@localhost charsets]# echo -e "\033[32;49;1m [DONE] \033[39;49;0m"  [DONE]  文本终端的颜色可以使用“ANSI非常规字符序列”来生成。举例:  echo -e "\033[44;37;...
  • 【mac】修改mac默认终端和样式

    千次阅读 2019-01-16 14:05:05
    系统macos 10.12.6 相信很多使用mac的程序员 对mac自带的terminal终端样式诟病已久,因为自带终端字体太小无法放大 (在写这个教程的时候我发现自带终端通过左上角菜单栏-...修改样式后如下,4不4很可爱呢(咦为...
  • 修改xterm终端字体样式的方法

    千次阅读 2017-11-07 17:41:00
    修改~/.Xresources就可以了(没有就自己创建一个)xterm*locale: truexterm.utf8: truexterm*utf8Title: truexterm*faceName: Monaco:pixelsize=14xterm*faceNameDoublesize: WenQuanYi Zen Hei:pixelsize=15x...
  • bat命令批量获取和修改文件名

    万次阅读 2015-08-08 10:37:11
    dest.txt 修改后的文件名 (3)一行对应一个名字不能有空格同时注意文件属性: src.txt 内容: 第四季01_真相只有一个.mp4 第四季02_谁说我有病.mp4 第四季03_以父之名.mp4 第四季04_翻滚吧!展博....
  • 修改用户名 ... 接下来我们需要定位到这个文件夹;然后找到下面文件名最长的那个,点击进去,找到右侧名,为ProfileImagePath的文件,双击打开,修改自已喜欢的用户名,...修改完之后,然后注销,登录临管理员用户 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 90,079
精华内容 36,031
关键字:

修改点样式命令