精华内容
下载资源
问答
  • HTML、CSS定义字体颜色、背景等属性

    万次阅读 多人点赞 2018-07-31 12:31:52
    字体属性 字体font-family:"字体1","字体2",... 例:font-family:“宋体”; 字号font-size:大小的取值 例:font-size:16px; 注意:xx-small:绝对字体尺寸,最小。 x-small:绝对字体尺寸...
    • 字体属性

    • 字体font-family:"字体1","字体2",...    例:font-family:“宋体”;
    • 字号font-size:大小的取值      例:font-size:16px; 注意:xx-small:绝对字体尺寸,最小。 x-small:绝对字体尺寸,较小。 medium:绝对字体尺寸,正常默认值。对应还有large、x-large、xx-large等。larger:相对字体尺寸,相对于父对象中字体尺寸进行相对增大。smaller:相对字体尺寸,相对于父对象中字体尺寸进行相对减小。length:可采用百分比或长度值,不可为负值,其百分比取值是基于父对象中字体的尺寸。
    • 字体风格font-style:样式的取值  例:font-style:normal   .normal是默认的正常字体;italic以斜体显示文字;oblique属于中间状态,以偏斜体显示。
    • 加粗字体font-weight:字体粗细值  例:font-weight:normal.  其中normal表示正常粗细;bold表示粗体;bolder表示特粗体;lighter表示特细体;number不是真正的取值,其范围是100~900,一般情况下都是整百的数字,如200、300等。
    • 小写字母转化为大写font-variant:取值  例:font-variant:small-caps;能将小写的英文字母转化为大写字母且字体较小。另一个normal,表示正常显示。
    • CSS中可采用复合样式,来简化代码,如:.h{font-family:"宋体"; font-weight:bold; font-style:italic;}

     

    • 颜色和背景属性

    • 颜色属性color:颜色取值  例:color:red。 color可以用关键字或者一个十六进制的RGB值。

                         color:#ff0000 表示红色    color:#ffff00 表示黄色    color:#000099 表示蓝色

                         关键字就是颜色的英文名称,如red,green,blue,分别表示红、绿、蓝。

    • 背景颜色background-color:颜色取值
    • 背景图像background-image:url(图像地址)
    • 背景重复background-repeat:取值 . no-repeat表示背景图像不平铺;repeat表示背景图像平铺排满整个网页;repeat-x表示背景图像只在水平方向上平铺;repeat-y表示背景图像只在垂直方向上平铺。
    • 背景附件background-attachment:scroll/fixed   scroll表示背景图像随对象滚动而滚动,是默认选项;fixed表示背景图像固定在页面上不动,只有其它内容随滚动条滚动。
    • 背景位置background-position:位置取值  。一种采用数字取值,另一种采用关键字描述。如:x,y. left top .
    • 背景复合属性background:url(图像地址) no-repeat left top;

     

    • 段落属性

    • 单词间隔word-spacing:取值。默认normal;取值可正可负。
    • 字符间隔letter-spacing:取值。6px,3px等具体的值
    • 文字修饰text-decoration:取值。 none表示不修饰,默认值;underline表示对文字添加下划线;overline表示对文字添加上划线;line-through表示对文字添加删除线;blink表示文字闪烁效果。
    • 垂直对齐方式vertical-align:排列取值   

            baseline:浏览器默认的垂直对齐方式。

            sub:文字的下标。

            super:文字的上标。

            top:垂直靠上对齐。

            text-top:使元素和上级元素的字体向上对齐。

            middle:垂直居中对齐。

            text-bottom:使元素和上级元素的字体向下对齐。

    • 文本转换text-transform:转换值 

              none:表示使用原始值。

              capitalize:表示使每个单词的第一个字母大写。

              uppercase:表示使每个单词的所有字母大写。

              lowercase:表示使每个单词的所有字母小写。

    • 水平对齐方式text-align:排列值。

                left:左对齐。

                right:右对齐。

                center:居中对齐。

                justify:两端对齐。

    • 文本缩进text-ident:缩进值。取值为:长度值或者百分比。
    • 文本行高line-height:行高值。取值为:长度、倍数或百分比。
    • 处理空白white-space:值。normal是默认值,即将连续的多个空格合并;pre会导致源代码中的空格和换行符被保留,但这一选项只有在IE6中才能正确显示;nowrap强制在同一行内显示所有文本,直到文本结束或者遇到换行(<br>)对象。
    • 文本反排unicode-bidi:bidi-override | normal |embed    override表示严格按照direction属性的值重排序;normal表示为默认值;embed表示对象打开附加的嵌入层。
      • direction:ltr | rtl |inherit             ltr表示从左到右顺序阅读;rtl表示从右到左顺序阅读;inherit表示文本流的值不可继承。  
    • 外边框与内边距属性
      • 内容区 通过width , height ,overflow调整
      • 内边距通过padding-top,padding-bottom,padding-left,padding-right调整
      • 边框通过border-style,border-width,border-color调整
      • 外边框通过margin-left,margin-right,margin-top,margin-bottom调整
    • 复合属性margin:长度值 | 百分比 | auto    可以取1~4个值
      •  {margin:10px 20px 10px 10px}代表上,下,左,右分别是10px,20px,10px,10px
      • {margin:10px 20px 30px}.上边距是10px,左右边距是20px,下边距是30px
      •  {margin:10px 20px}代表上下边距是10px,左右边距是20px
      • {margin:10px} 代表所有边距都是10px
    • 边框属性

    •  边框样式语法
      • border-style:样式值
      • border-top-style:样式值
      • border-right-style:样式值
      • border-left-style:样式值
      • border-bottom-style:样式值
        •                            边框样式的取值和含义
          取值 含义
          none 默认值,无边框
          dotted 点线边框
          dashed 虚线边框
          solid 实线边框
          double 双实线边框
          groove 边框具有立体感的沟槽
          ridge 边框成脊形
          inset 使整个边框凹陷,即在边框内嵌入一个立体边框
          outset 使整个边框凸起,即在边框内嵌入一个立体边框

           

    展开全文
  • CSS字体颜色

    千次阅读 2020-12-03 13:21:17
    color属性用于定义文本颜色 div { color: red; } 对齐文本 text-align 属性用于设置元素内文本内容的水平对齐方式 div { text-align: center; } 文本缩进 text-indent 用于段落首行缩进2个字的距离 div { text-...

    文本颜色

    color属性用于定义文本颜色

    div {
    	color: red;
    }
    

    对齐文本

    text-align 属性用于设置元素内文本内容的水平对齐方式

    div {
    	text-align: center;
    }
    

    文本缩进

    text-indent 用于段落首行缩进2个字的距离

    div {
    	text-indent: 2em;
    }
    

    文本修饰

    text-decoration 添加下划线 underline 取消下划线 none

    div {
    	text-decoration: underline;
    }
    

    行高

    line-height 控制行与行之间的距离

    p {
    	line-height: 26px;
    }
    
    展开全文
  • CSS定义链接颜色

    2013-04-18 23:03:20
    怎样用CSS定义跟"页面属性"里不一样的链接颜色 就直接定义a的样式,做个CSS。 .mycolor:link {color:#666666} .mycolor:visited {color:#666666} .mycolor:hover {color:#666666} .mycolor:active {color:#...
    怎样用CSS定义跟"页面属性"里不一样的链接颜色
    就直接定义a的样式,做个CSS。
    .mycolor:link {color:#666666}
    .mycolor:visited {color:#666666}
    .mycolor:hover {color:#666666}
    .mycolor:active {color:#666666}

    在需要变色的链接上调用mycolor就可以了

    86oo.com

    <a href="#" class="mycolor">餐馆信息</a> 86oo.com

    要想在连接点击后同样出现未点击的显示状态就把link ,visited ,active的字体

    86oo.com欢迎你

    颜色设置为未触发的颜色!!这样当点击以后回到此页面就不会出现点击后的颜色 86oo精彩教程

    了!也就是hover的颜色.

    展开全文
  • css 字体图标更改颜色 CSS字体属性 (CSS font properties ) Font properties in CSS is used to define the font family, ... CSS中的字体属性用于定义字体系列 , 粗体 , 大小和文本样式 。 Syntax: 句法: El...

    css 字体图标更改颜色

    CSS字体属性 (CSS font properties )

    Font properties in CSS is used to define the font family, boldness, size, and the style of a text.

    CSS中的字体属性用于定义字体系列粗体大小和文本样式

    Syntax:

    句法:

        Element { 
            font: [font-style] [font-variant] [font-weight] [font-size/line-height] [font-family]; 
        } 
    
    

    字体样式属性 (font-style property )

    The font-style property in CSS is used to define the style of font used for the text.

    CSS中font-style属性用于定义用于文本的字体样式。

    Generally, there are three types:

    通常,有三种类型:

    1. Italics

      斜体字

    2. Oblique

    3. Normal

      正常

    Example:

    例:

    <!DOCTYPE html>
    <html>
    
    <head>
        <style>
            p.p1 {
                font-style: normal;
            }
            
            p.p2 {
                font-style: italic;
            }
            
            p.p3 {
                font-style: oblique;
            }
        </style>
    </head>
    
    <body>
        <p class="p1">Hello! Welcome to Include Help.</p>
        <p class="p2">Hello! Welcome to Include Help.</p>
        <p class="p3">Hello! Welcome to Include Help.</p>
    </body>
    
    

    Output

    输出量

    font property in CSS | Example 1

    字体大小属性 (font-size property)

    The font-size property is given in %, px, em, or any other valid CSS measurement. Using pixels, you can use the zoom tool to resize the entire page.

    font-size属性以% , px , em或任何其他有效CSS度量给出。 使用像素,可以使用缩放工具来调整整个页面的大小。

    Example:

    例:

    <!DOCTYPE html>
    
    <head>
        <style>
            h3 {
                font-size: 40px;
            }
        </style>
    </head>
    <html>
    
    <body>
        <h3>Hello! Welcome to include Help.</h3>
    </body>
    
    </html>
    
    

    Output

    输出量

    font property in CSS | Example 2

    The text inside <h3> will be 40px in size.

    <h3>中的文本大小为40px 。

    字体家族属性 (font-family property)

    This is for defining the family's name.

    这是用于定义家庭的名称。

    You can start with the font you want, and end with a generic family if no other fonts are available, the browser picks a similar font in the generic family.

    您可以从所需的字体开始,如果没有其他可用的字体,则以通用系列结束,浏览器会在通用系列中选择相似的字体。

    Example:

    例:

    <!DOCTYPE html>
    
    <head>
        <style>
            p {
                font-weight: bold;
                font-size: 20px;
                font-family: Arial, sans-serif;
            }
        </style>
    </head>
    <html>
    
    <body>
        <p>Hello! Welcome to include Help</p>
    </body>
    
    </html>
    
    

    Output

    输出量

    font property in CSS | Example 3

    字体变化属性 (font-variant property)

    font-variant property in CSS is used to set the variant of the text normal or small-caps.

    CSS中的font-variant属性用于设置正常或小写字母的文本变体。

    Example:

    例:

    <!DOCTYPE html>
    
    <head>
        <style>
            .element-one {
                font-variant: normal;
            }
        </style>
    </head>
    <html>
    
    <body>
        <p class="element-one">Hello! Welcome to include Help.</p>
    </body>
    
    </html>
    
    

    Output

    输出量

    font property in CSS | Example 4

    字体速记 (The Font Shorthand)

    You can have all your font styles in one element with the font shorthand. Just use the font property, and put your values in the correct order.

    您可以使用字体速记将所有字体样式集中在一个元素中。 只需使用font属性,然后按正确的顺序放置值即可。

    Syntax:

    句法:

        element 
        { 
            font: [font-style] [font-variant] [font-weight] [font-size/line-height] [font-family];
        }
    
    

    Example:

    例:

    p {
        font-weight: bold;
        font-size: 20px;
        font-family: Arial, sans-serif;
    }
    
    

    However, with the font shorthand it can be condensed as follows,

    但是,使用字体速记可以将其压缩如下,

    <!DOCTYPE html>
    
    <head>
        <style>
            p {
                font: bold 20px Arial, sans-serif;
            }
        </style>
    </head>
    <html>
    
    <body>
        <p>Hello! Welcome to include Help.</p>
    </body>
    
    </html>
    
    

    Output

    输出量

    font property in CSS | Example 5

    翻译自: https://www.includehelp.com/code-snippets/changing-font-in-css.aspx

    css 字体图标更改颜色

    展开全文
  • Cascading Style Sheet or CSS is used to change attributes of the HTML elements. We can change font size, color, shape, size, length, etc with CSS. In this tutorial, we will learn how to change the fon...
  • /* 网站链接总的CSS定义:可定义内容为链接字体颜色、样式等 */a{text-decoration: none;} /* 链接无下划线,有为underline */ a:link {color: #000000;} /* 未访问的链接 */a:visited {color: #333333;} /* 已访问的...
  • CSS控制字体和字体颜色改变

    万次阅读 2011-11-22 21:39:34
    /* 网站链接总的CSS定义:可定义内容为链接字体颜色、样式等 */ a{text-decoration: none;} /* 链接无下划线,有为underline */ a:link {color: #000000;} /* 未访问的链接 */ a:visited {color: #333333;} /* ...
  • Css 设置placdholder字体颜色

    千次阅读 2016-11-07 19:56:27
    placeholder属性是css3中新增加的属性,因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定。 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #666;  }...
  • HTML描述了要呈现的内容,而CSS定义了这些内容的呈现形式,比如字体颜色等。使用CSS能将页面的内容和呈现形式有效分离,有利于分工合作,也有利于快速更换不同的呈现形式。 使用样式表可以有三种方式: (1)...
  • CSS颜色_字体

    千次阅读 2017-01-24 15:29:26
    颜色样式十六进制十六进制颜色是这样规定的:#RRGGBB,其中的 RR(红色)、GG(绿色)、BB(蓝色)十六进制整数规定了...每个参数 (red、green 以及 blue) 定义颜色的强度,可以是介于 0 与 255 之间的整数,或者是百分
  • CSS中文说明及字体颜色代码

    千次阅读 2016-04-13 09:40:27
    /* 网站链接总的CSS定义:可定义内容为链接字体颜色、样式等 */a{text-decoration: none;} /* 链接无下划线,有为underline */a:link {color: #000000;} /* 未访问的链接 */a:visited {color: #333333;} /* 已访问的...
  • CSS文本、字体颜色

    千次阅读 2016-02-19 10:49:04
    文本、字体颜色 text-shadow文本定义文本阴影或模糊效果 text-overflow文本定义省略文本的处理方式 word-wrap文本定义文本超过指定容器的边界时是否断开转行 HSL颜色表示通过对色调(H)、饱和度(S)和亮度...
  • CSS定义

    千次阅读 2007-03-01 16:56:00
    网站链接总的CSS定义:可定义内容为链接字体颜色、样式等/* 网站链接总的CSS定义:可定义内容为链接字体颜色、样式等 */a{text-decoration: none;} /* 链接无下划线,有为underline */ a:link {color: #000000;} /* 未...
  • CSS字体样式

    千次阅读 热门讨论 2020-10-31 22:59:32
    CSS的文本样式字体样式font-family属性font-size属性font-style属性font-weight属性font属性文本样式文本颜色 字体样式 属性名 含义 举例 font-family 设置字体类型 font-family:“隶书” font-size 设置...
  • 爱是朝朝暮暮的相守CSS字体样式属性font-size:字号大小font-family:字体注意CSS Unicode字体font-weight:字体粗细font-style:字体风格font:综合设置字体样式 (重点)CSS外观属性color:文本颜色line-height:行间距text...
  • CSS使用字体图标

    千次阅读 2020-02-09 18:46:42
    图片的缺点: ...2,图片不能很好的缩放,...2,字体图标本质是文字,可以改变其字体颜色,设置阴影等 3,字体图标体积更小 4,兼容性强,几乎支持所有浏览器 字体图标使用流程 1.UI人员设计字体图标效果图.svg格式--...
  • css字体属性

    2017-11-27 10:27:04
    css字体属性用于定义字体颜色,大小和样式。 font-family 用于定义字体的样式,如黑体,宋体等等。 在使用font-family时要注意以下几点: 1、在开发中不要使用自己电脑上特有的字体,因为我们写的网页是让...
  • CSS-字体样式与颜色
  • CSS——web字体CSS字体图标

    千次阅读 2020-07-09 14:34:24
    文章目录web字体字体格式字体图标字体图标优点字体图标使用流程设计字体图标上传生成字体包下载兼容字体字体引入到HTML第一步:在样式里面声明字体: 告诉别人我们自己定义字体第二步:给盒子使用字体第三步:...
  • CSS3字体与文本效果

    千次阅读 2016-11-15 20:48:12
    CSS3允许我们使用自定义字体 也多了一些不错的文本效果自定义字体使用自定义字体需要使用@font-face规则 当然首先你要有自定义文字文件<p class="demo">Payen S.Tsung</p>@font-face { font-family: myDIYfont; /...
  • CSS字体、文本样式属性

    千次阅读 2020-12-14 14:10:17
    CSS-Fonts(字体)属性用于定义字体系列、大小、粗细、和文字样式(如斜体)。 1.1、修改字体样式属性 CSS使用 font-family属性来定义字体 语法: p { font-family:‘宋体’; } 多种字体之间必须使用英文状态下...
  • 1.定义字体类型font-family 用法: font-family:name; font-family:ncursive|fantasy|monospace|serif|sans-serif name表示字体名称,可指定多种字体,用空格隔开。按优先顺序排列。如果字体名称包含空格,则...
  • CSS CSS定义input disabled样式

    千次阅读 2014-12-27 10:30:52
    注:IE9及以下无法改变字体颜色。 1. 利用CSS3 :disabled 伪元素定义 //Chrome Firefox Opera Safari input:disabled{ border: 1px solid #DDD; background-color: #F5F5F5; color:#ACA899; } 2. 利用...
  • CSS字体图标

    千次阅读 2019-05-15 13:16:11
    web字体 为自己的网页指定特殊的字体,无须考虑...定义应用字体的样式 为元素应用样式 注意使用web字体时,只有输入的内容中的文字才会应用下载下来的字体,因为下载下来的文件里面是输入的内容的文字的编码 ...
  • CSS文本和字体

    千次阅读 2015-10-01 20:42:01
    /*CSS字体:用于定义字体的系列、大小、风格、加粗和变形 *font-family 设置字体系列 *font-size 设置字体大小 *font-style 设置字体风格 *font-weight 设置字体粗细 *font-variant 设置变形,以小型大写字体或正常...
  • CSS字体样式

    万次阅读 2019-05-14 17:34:17
    font-size 指定字体大小,常用单位有em和px font-family ...字体用中文表示 则需要用双引号或者单引号分隔,英文字体一般不需要用引号,但是如果 有特殊字符的(如空格,反斜杠,#,$等)也需要使用...
  • CSS=>修改textarea占位符字体颜色

    千次阅读 2017-12-29 13:35:00
    &lt;style lang="lang"&gt; input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #f00; } input::-webkit-input-placeholder, textar...
  • 一、CSS颜色值的缩写: 当设置的颜色是16进制的色彩值时,如果每两位的值相同,可以缩写一半 例如: (1)p{color:#000000;} 可缩写为:p{color:#000;} (2)p{color:#336699;} 可缩写为:p{color:#369;} 二、字体...
  • CSS字体样式设置、CSS文本样式设置

    千次阅读 2019-10-22 18:23:54
    一、CSS字体样式设置 1.字体样式设置 字体样式大致有如下几种特征: 字体类型(风格)、字体粗细、字体大小、字体系列 (1)字体类型(风格) font-style 用于设置字体风格,可设置以下值: ① normal:普通字体 ② ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 56,761
精华内容 22,704
关键字:

css定义字体颜色