精华内容
下载资源
问答
  • font-family body {  font-family: Verdana, Geneva, Arial, sans-serif; /* for font-family name, if there are more than one word, using double quote. like  font-family: "Courier New", Cou

    font-family


    body {

         font-family: Verdana, Geneva, Arial, sans-serif;    /* for font-family name, if there are more than one word, using double quote. like

     font-family: "Courier New", Courier; */

      }


    font-size

    body {

    font-size: 14px; 

    }


    font color

    body {

    color: silver;            /* it's not font-color */

    }


    font-weight  /* bold, bolder, normal, lighter */


    body {

    font-weight: bold;

    }



    font-decoration  /* none, underline, overline, line-through */

    body {

    text-decoration: underline;

    }



    font family: 

    1. Each font-family contains a set of fonts that share common characteristics. 

    2. There are five font families: sans-serif, serif, monospace, cursive, and fantasy. 

    3.  serif fonts have an elegant, traditional look, while sans-serif fonts have a very clean and readable look. Monospace fonts feel like
    they were typed on a typewriter. Cursive and fantasy fonts have a playful or stylized feel.


    serif family



    sans-serif family 



    monospace family



    cursive family




    Fantasy family




    Specifying font families using CSS







    Web font

    step 1: find a font 

    step 2: Make sure you have all the formats you need.




    step 3: Place your font files on the web

    place your font files on the web, so the they are accessible to your user's browsers, like

     http://wickedlysmart.com/hfhtmlcss/chapter8/journal/EmblemaOne-Regular.woff
    http://wickedlysmart.com/hfhtmlcss/chapter8/journal/EmblemaOne-Regular.ttf


    step 4: Add the @font-face property to your CSS, at the top of the file


    step 5: use the font-family name in your CSS


    Font-Size

    1. pixles


    2. percent 


    3. em



    4. keyword



    How to choose font-size


    1. choose a keyword (we recommend small or medium) and specify it as the font size in your body rule.

    this acts as the default size for you page.


    2. specify the font sizes of your other elements relative to your body font size using either em or percentage


    the advantage of this method: it's easy to redesign font-size of your page.




    Almost all browsers allow their users to make the text of a page bigger or smaller, and many users take advantage
    of this feature. If you define your fonts in a relative manner, then your users will have no trouble doing this. Just be careful not to use pixel sizes, because some browsers have problems resizing those


    Font-weight

    font-weight: bold;

    font-weight: normal;

    font-weight: bolder; /* seldom used */

    font-weight: lighter; /* seldom used */



    Adding style to your fonts


    font-style: italic;

    font-style: oblique;


    Italic and oblique styles are two styles that give fonts a slanted appearance.


    Unless you can control the fonts and browsers your visitors are using, you’ll find that sometimes you get italic, and sometimes oblique, no matter which style you specify. 

    So just go with italic and don’t worry about the differences (you probably can’t control them anyway).


    Color

    1. hex code is the most common way to specify web colors.

    2. all these ways of specifying color ultimately just tell the  browser the amount of red, green, and blue that goes into a color.


    Specify color by name



    Specify color by rgb


    Specify color using hex codes



    Text-decoration


    <pre name="code" class="css">em {
    		text-decoration: line-through;
    	} 
    em { 
    		text-decoration: underline overline; /* this decoration will make the element with underline AND overline; need combine two values into one rule to get both text decoration. Only one rule is chosen for the text decoration, and decorations in separate rule are not added together. */
    
    }
    em {
    
    
    <span style="white-space:pre">		</span>text-decoration: none;
    <span style="white-space:pre">	</span>}


    HTML element

    <del> </del> marks the content should be deleted.

    <ins> </ins> marks the context should be inserted.







    展开全文
  • System.Web.HttpRequestValidationException: 从客户端(ContentPlaceHolder1_M_ContentPlaceHolder_ftbContent="阿斯蒂<FONT color=#800080>...")中检测到有潜在危险的 Request.Form 值。 通过说明,进行了两...

    遇到问题:

     

    “/Web”应用程序中的服务器错误。

    从客户端(ContentPlaceHolder1_M_ContentPlaceHolder_ftbContent="阿斯蒂<FONT color=#800080>...")中检测到有潜在危险的 Request.Form 值。

    说明: 请求验证过程检测到有潜在危险的客户端输入值,对请求的处理已经中止。该值可能指示存在危及应用程序安全的尝试,如跨站点脚本攻击。若要允许页面重写应用程序请求验证设置,请将 httpRuntime 配置节中的 requestValidationMode 特性设置为 requestValidationMode="2.0"。示例: <httpRuntime requestValidationMode="2.0" />。设置此值后,可通过在 Page 指令或 <pages> 配置节中设置 validateRequest="false" 禁用请求验证。但是,在这种情况下,强烈建议应用程序显式检查所有输入。有关更多信息,请参见 http://go.microsoft.com/fwlink/?LinkId=153133。

    异常详细信息: System.Web.HttpRequestValidationException: 从客户端(ContentPlaceHolder1_M_ContentPlaceHolder_ftbContent="阿斯蒂<FONT color=#800080>...")中检测到有潜在危险的 Request.Form 值。

    通过说明,进行了两部修改:1、在出错页的page里添加如下红色字体<%@ Page Title="添加新闻_后台管理_牛腩新闻发布系统" Language="C#" MasterPageFile="~/admin/m_common.master"
        AutoEventWireup="true"  validateRequest="false" CodeFile="addnews.aspx.cs" Inherits="addnews"  %>

    2、在Web.Config文件中的配置节</system.web>之前加上下面的代码

    <httpRuntime requestValidationMode="2.0" />
    

    反正问题就解决了,也不太了解是为什么噻,先记录在这里,稍后明白了再续写。

     

    展开全文
  • ``` $(function(){ $("#sub").click(function(event){ ... $p1 = $("<p><font color="red">输入为空</font></p>") $("#msg2").append($p1); event.preventDefault(); } }) }) ```
  • 目的:Android Studio colorfont设置环境:系统:Windows 环境:AndroidStudio步骤:1. 设置 font & size1. File->Settings 或Ctrl + Alt +S 2. 找到 Editor -> Colors &Fonts -> Font 3. 找到Primary font选项,...

    目的:Android Studio color和font设置

    环境:

    系统:Windows 
    环境:AndroidStudio

    步骤:

    1. 设置 font & size
    1. File->Settings 或Ctrl + Alt +S
    2. 找到 Editor -> Colors &Fonts -> Font
    3. 找到Primary font选项,在里面选择喜欢使用的字体。
    4. 在size框输入字体的大小。
    5. Apply–>OK
    2. 设置代码编辑区color
    1. File->Settings 或Ctrl + Alt +S
    2. 找到 Editor -> Colors &Fonts -> General
    3. 找到Text->Default text
    4. 选择右边Foreground/background来选取前景/背景颜色值。
    5. Apply–>OK
    
    PS:
        护眼颜色,豆沙色  C7EDCC
    3. 设置logcat color
    1. File->Settings 或Ctrl + Alt +S
    2. 找到 Editor -> Colors &Fonts -> Android Logcat 或在上面的搜索框中输入Logcat
    3. 点中Verbose , Info, Debug等选项,然后在后面将Use Inberited attributes 去掉勾选
    4. 再将 Foreground 前的复选框选上,就可以双击后面的框框去选择颜色了
    5. Apply–>OK
    4. 设置编辑器主题
    1. File->Settings 或Ctrl + Alt +S
    2. 找到 Editor -> Appearance & Behavior
    3. 点中Appearance,在Theme里面选择对应的主题。
    4. Apply–>OK
    
    
    
    PS:
    打开http://color-themes.com/有很多Theme可供选择.
    1. 选择喜欢的样式下载下来,下载文件格式会是xxxx.jar
    2. 选择File—>Import Settings—>把刚才下载好的jar包导入
    3. 重启Android Studio
    4. File->Settings 或Ctrl + Alt +S
    5. 找到 Editor -> Colors &Fonts -> General
    3. 在窗口上半部分找到Scheme
    4. 点击下拉箭头,选择Theme(其中就会有刚才导入的theme)
    展开全文
  • Color & Font - 使用颜色和字体

    万次阅读 2017-09-14 21:46:27
    来源:... Color & Font都是java.awt.*;下的类 颜色: 1.Color类预定义的13种颜色 Color.BLACK  Color.BLUE Color.CYAN  Color.DARK_GRAY  Color.GRAY 

    来源:http://blog.csdn.net/rexih/article/details/46453527

    Color & Font都是java.awt.*;下的类

    颜色:

    1.Color类预定义的13种颜色

    Color.BLACK 

    Color.BLUE  

    Color.CYAN 

    Color.DARK_GRAY 

    Color.GRAY 

    Color.GREEN 

    Color.LIGHT_GRAY 

    Color.MAGENTA 

    Color.ORANGE 

    Color.PINK 

    Color.RED 

    Color.WHITE 

    Color.YELLOW


    2.通过构造函数创建颜色对象

    Color(int r,intg,int b)//rgb是0-255的int值,e.g.

    Color c=new Color(128,0,255);


    3.使颜色对象变亮/暗

    c.brighter();/c.darker();

    效果不是特别明显,需要连续调用才能达到耀眼的效果:

    c.brighter().brighter().brighter();

    brighter方法对预定义的13种颜色效果不好,也许是因为到颜色的值是极值


    设置颜色:

    1.设置之后绘制的图形都使用的颜色 Graphics2D

    setPaint(Color c)

    2.填充封闭图形的颜色,用fill替代draw Graphics2D

    fill(Shape s)

    3.设置组件的背景色 Component

    setBackground(Color c)

    4.设置组件默认前景色 Component

    setForeground(Color c)


    字体

    AWT定义的五个逻辑字体名

    SansSerif //无衬线字体(黑体)
    Serif //有衬线字体(宋体)
    Monospaced //等宽字体
    Dialog //对话框字体
    DialogInput //对话框输入字体

    字体风格:

    Font.PLAIN

    Font.BOLD

    Font.ITALIC

    Font.BOLD+Font.ITALIC


    获取系统可用字体的字符串数组

    1.获取描述用户系统图形环境的对象

    GraphicsEnvironment ge=GraphicsEnvironment.getLocalGraphicsEnvironment();

    2.通过此对象获取系统所有可用字体家族名的字符串数组

    String[] fontnames=ge.getAvailableFontFamilyNames();


    创建字体对象

    1.通过构造函数创建一个字体对象

    Font myFont=new Font("SansSerif",Font.ITALIC,14);


    2.载入一个TrueType字体或者Type 1字体,使用静态方法createFont()。

    参数1是int类型指示字体类型是TrueType字体或者Type 1字体:Font.TRUETYPE_FONT/Font.TYPE1_FONT

    参数2是字体载入源

    static FontcreateFont(int fontFormat, File fontFile) 
              返回一个使用指定字体类型和指定字体文件的新 Font。
    static Font  createFont(int fontFormat, InputStream fontStream) 
              返回一个使用指定字体类型和输入数据的新 Font。

    通过createFont()载入的字体默认是PLAIN风格,字体大小为1

    需要调整属性则在创建后使用derive方法,这是重载的方法,参数为float时表示大小,int时表示风格

    myFont.derive(float size);

    myFont.derive(int style);

    myFont.derive(int style,float size)

    =====

    自定义字体的创建未完待续



    使用字体:

    设置后绘制的文本都使用此字体 Graphics2D:

    setFont(Font f)

    setFont()方法多次使用,不论代码顺序,显示的文本的字体都是以最后一次setFont设置的字体显示,即使drawString语句在最后一次setFont语句之前。


    获取使用某种字体的文本的相关位置和大小属性:

    1.获取屏幕设备字体属性的描述对象Graphics2D:(render是渲染的意思)

    返回这个图形文本中,指定字体特征的字体绘制环境:通常在使用前此组件的Graphics2D对象已经使用了setFont(),所以此方法返回的是指定为setFont设置的字体的绘制环境

    FontRenderContext context=g2d.getFontRenderContext();//FontRenderContext位于java.awt.font.*;

    2.获取包围使用某种字体的文本的矩形对象Font:

    Rectangle2D rectBounds=myFont.getStringBounds(msg,context);

    3.获取使用某种字体的文本的宽高上坡度

    double msgW=rectBounds.getWidth();

    double msgH=rectBounds.getHeight();

    double ascent=-rectBounds.getY();//获取到的包围文本的矩形的x,y坐标是相对的,x=0,y=-ascent。

    4.获取使用某种字体的文本的下坡度和行距

    LineMetrics是测定字符串宽度的线性metrics对象,除了能获取下坡度和行距,还可以获取上坡度和总高度,返回值都是float单精度

    LineMetrics metrics=myFont.getLineMetrics(msg,context);

    float descent=metrics.getDescent();

    float leading=metrics.getLeading();

    float ascent=metrics.getAscent();

    float msgH=metrics.getHeight();


    [java] view plain copy
    1. import java.awt.*;  
    2. import java.awt.font.*;  
    3. import java.awt.geom.*;  
    4. import javax.swing.*;  
    5.   
    6. public class ColorAndFont {  
    7.     public static void main(String[] args) {  
    8.         EventQueue.invokeLater(new Runnable(){  
    9.             public void run() {  
    10.                 CFFrame f=new CFFrame();                  
    11.             }             
    12.         });  
    13.     }  
    14. }  
    15. class CFFrame extends JFrame{     
    16.     CFFrame(){  
    17.         setLocationByPlatform(true);  
    18.         setTitle("color and font test");  
    19.         setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);  
    20.         getContentPane().add(new CFComponent());  
    21.         pack();       
    22.         setVisible(true);  
    23.     }     
    24. }  
    25.   
    26. class CFComponent extends JComponent{  
    27.     private static final int DEFAULT_W=800;  
    28.     private static final int DEFAULT_H=800;  
    29.     CFComponent(){  
    30.         setPreferredSize(new Dimension(DEFAULT_W,DEFAULT_H));  
    31.         setForeground(Color.CYAN);  
    32.     }  
    33.     public void paintComponent(Graphics g){  
    34.         Graphics2D g2d=(Graphics2D)g;  
    35.           
    36.         Line2D line=new Line2D.Double(0,0,100,100);  
    37.         g2d.draw(line);//使用了默认前景色CYAN  
    38.           
    39.         Color c2=new Color(128,0,255);//Color.RED;//brighter方法对预定义的13种颜色效果不好,也许是因为到颜色的值是极值  
    40.         Color c1=c2.darker();         
    41.         Color c3=c2.brighter();  
    42.           
    43.         Rectangle2D rect1=new Rectangle2D.Double(100,100,200,200);  
    44.           
    45.         Rectangle2D rect2=new Rectangle2D.Double(100,300,200,200);  
    46.           
    47.         Rectangle2D rect3=new Rectangle2D.Double(100,500,200,200);  
    48.           
    49.         g2d.setColor(c1);  
    50.         g2d.draw(rect1);  
    51.         g2d.fill(rect1);  
    52.           
    53.         g2d.setColor(c2);  
    54.         g2d.draw(rect2);  
    55.         g2d.fill(rect2);  
    56.           
    57.         g2d.setColor(c3);  
    58.         g2d.draw(rect3);  
    59.         g2d.fill(rect3);  
    60.         //============================  
    61.         g2d.setColor(Color.RED);  
    62.         g2d.drawString("qtyipdfghjklb"100100);//100,100是rect1的左上角的点,但是绘制结果字符串不在矩形内,而在矩形上,说明了字符串的纵坐标是按照基线来设置的。  
    63.           
    64.         Font myFont=new Font("SansSerif",Font.BOLD,14);  
    65.         setFont(myFont);  
    66.         g2d.drawString("中午\tnoon"200200);     
    67.         //repaint();  
    68.         setFont(new Font("Serif",Font.BOLD,24));//字体覆盖了之前的设置。  
    69.         g2d.drawString("中午\tnoon"200230);  
    70.         //============================  
    71.           
    72.         String msg="practise";  
    73.         myFont=new Font("SansSerif",Font.PLAIN,36);  
    74.         setFont(myFont);          
    75.         g2d.drawString(msg, 300300);  
    76.           
    77.         FontRenderContext context=g2d.getFontRenderContext();//屏幕设备字体属性对象  
    78.           
    79.         Rectangle2D msgBound=myFont.getStringBounds(msg, context);//得到的矩形不能直接用于绘图,其x,y是相对于基线的,x=0,y=-ascend  
    80.         g2d.draw(msgBound);  
    81.           
    82.           
    83.         double msgW=msgBound.getWidth();//文本宽度  
    84.         double msgH=msgBound.getHeight();//文本高度  
    85.         double ascent=-msgBound.getY();//文本上坡度  
    86.         LineMetrics metrics=myFont.getLineMetrics(msg, context);  
    87.         float descent=metrics.getDescent();//文本下坡度  
    88.         float leading=metrics.getLeading();//文本行距  
    89.           
    90.           
    91.         g2d.setPaint(Color.BLUE);  
    92.         Rectangle2D msgRect=new Rectangle2D.Double(300,300-ascent,msgW,msgH);//包围文本的矩形  
    93.         g2d.draw(msgRect);  
    94.           
    95.         g2d.setPaint(Color.MAGENTA);  
    96.         g2d.draw(new Line2D.Double(300,300,300+msgW,300));//文本的基线  
    97.           
    98.         g2d.setPaint(Color.ORANGE);  
    99.         g2d.draw(new Line2D.Double(300,300+descent,300+msgW,300+descent));//文本下坡度的下沿  
    100.           
    101.         g2d.setPaint(Color.GREEN);  
    102.         g2d.draw(new Line2D.Double(300,300+descent+leading,300+msgW,300+descent+leading));//文本行距的下沿  
    103.     }     
    104. }  

    展开全文
  • css-font-color例子

    万次阅读 2010-03-26 13:24:00
     <title>css--font例子    #idDIV{  width:100%; /*名为idDIV的宽度100%*/  height:80px; /*名为idDIV的高度80px*/  background-color:#ffD700; /*名为idDIV的背景色#ffd700*/  padding:4px; ...
  • [1]http://stackoverflow.com/questions/5869344/uitableview-header-footer-font-color [2]http://www.iphonedevsdk.com/forum/iphone-sdk-development/1199-default-tableview-section-header-background-co
  • HTML <font> 标签的 color 属性

    千次阅读 2011-09-28 10:22:57
    HTML 标签 定义和用法 color 属性规定 font 元素中文本的颜色。 实例 规定文本的颜色: color="red">This is some text! TIY 浏览器支持 所有主流浏览器都支持 color 属性。
  • 富文本 richText 分段加载 ColorFont.lua

    千次阅读 2015-05-22 17:14:49
    module("ColorFont",package.seeall) local DEFAULT_FONT = "Droid Sans Fallback" -- "Droid Sans Fallback" "ttf/font.ttf" 在挂机的 config.lua 里 --和挂机不同,这里的颜色字采用分页 function ...
  • font-fmily font-family 规定元素的字体系列。font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。 Generic 为通用字体,Font 为特定字体,指定通用字是一...
  • font-size 直接就是字体大小 font-size:18px; color 字体颜色: color:#EBF2F9;
  • there is two way to set the color and font of GtkLabel, the first is by function, and the second is by loading resource:1) by invoking function In GTK+ 2.0: GdkColor color; gdk_color_parse
  • 3.1 font属性 字模、字体样式、字体大小、字体效果等。常用属性有:① font-family:字模,Cursive、Fantasy、Comic Sans MS等。② font-size:字体物理大小或相对大小,物理大小包括:xx-small、x-small、small...
  • Set font size and color in GUI.Label

    千次阅读 2016-08-29 15:26:58
    myStyle.normal.textColor = Color.white; // https://docs.unity3d.com/ScriptReference/GUIStyle-normal.html } void OnGUI (){ GUI.Label (new Rect (0, 0, 10, 10), "Hello", myStyle); }
  • thymeleaf-在font标签中的使用

    千次阅读 2019-03-14 00:36:00
    font color="red" th:text="开始了">font外</font>页面显示红色字体 开始了 (同时存在,则前者覆盖了后者,总的来说是以前者为准) <font color="red" >font外</font> 页面显示红色字体 font...
  • color:代表字体的颜色 有3中表示方法: 1.#16进制(如color:#ff0000,此种亦可写为#f00), 2.RGB(color:rgb(100,14,200), 3.具体颜色英文名(如color:red) font-style 设置字体样式 有3种: 1.font-style:normal ...
  • Vue动态改变Color

    2020-03-25 22:42:01
    话不多说看代码 <div :style="{'background':scope.row.fontColor,'height':'30px','width':'60px'}" >{{scope.row.fontColor}}</div>
  • 今天安装完T32 (2012FEB)后,发现大概...BadName (named color or font does not exist) Vim: Got X error Vim: Finished. 原因: 发现安装t32的脚本中,关于安装字体的部分: mkdir -p $T32_FONT || exit 1 cd $
  •  Font font = new Font("Verdana",1,12);    public void Start(){    //设置lblName and lblPwd的属性  //lblName.setBackground(Color.YELLOW);  //lblPwd.setBackground(Color.YELLOW);  lblName....
  • 下面一个例子展示了FontColor、Image 以及绘图的基本内容。   import org.eclipse.swt.SWT; import org.eclipse.swt.events.PaintEvent; import org.eclipse.swt.events.PaintListener; import org.eclipse....
  • Step 1: Add member variable to track font and color Since the control has no support for item font or color, we have to track this information within our program. We use a CMap object to ...
  • html 文本颜色 字体 大小标签元素 ...目录 font标签语法与结构html Font标签说明Font应用案例font标签案例截图font标签总结 一、font标签语法与结构 - TOP ...Font color设置文本颜色为红色“#FF0000”
  • 规定文本的字体,字体的颜色,字体的大小。 实例 ...face 定义字体的外观,size定义字体的大小,color定义字体的颜色 A heading A paragraph. - 标签可定义标题,定义最大的

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 44,459
精华内容 17,783
关键字:

fontcolor