字体属性: Font-family: {font-family: name}           {font-family: cursive| fantasy | monospace | serif | sans-serif} Font-size: {font-size: 数值 | inhe
转载 精选 2012-11-07 12:49:14
676阅读
使用自己需要的字体在新的 @font-face 规则中,您必须首先定义字体的名称(比如 myFirstFont),然后指向该字体文件。如需为 HTML 元素使用字体,请通过 font-family 属性来引用字体的名称 (myFirstFont):实例 使用粗体字体您必须为粗体文本添加另一个包含描述...
原创 2021-07-30 14:53:01
200阅读
一、须知 placeholder属性是css3中新增加的属性,IE9和Opera12以下版本的CSS选择器均不支持占位文本。   二、设置placeholder文字颜色、字号 方式1:因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。   ::-webkit-input-placeholder { /* WebKit br
转载 2021-08-13 20:01:26
1558阅读
PX为单位 在Web页面初期制作中,我们都是使用“px”来设置我们的文本,因为他比较精确和固定。 只要页面某元素设置了px字体大小,其子元素/子孙元素未设置字体大小或设置的字体大小css优先级没父元素高的话,该子元素/子孙元素会继承其父元素的px字体大小设置 。 这种方法存在一个问题:当用户在浏览器
转载 2019-07-18 00:44:00
230阅读
2评论
W3C CSS工作组刚发布了CSS3两个工作草案规范的更新。 第一个更新在3月11日发布
原创 2022-01-05 17:22:16
80阅读
CSS3 @font-face 规则在 CSS3 之前,web 设计师必须使用已在用户计算机上安装好的字体。通过 CSS3,web 设计师可以使用他们喜欢的任意字体。当您您找到或购买到希望使用的字体时,可将该字体文件存放到 web 服务器上,它会在需要时被自动下载到用户的计算机上。您“自己的”的字体是在 CSS3 @font-face 规则中定义的。浏览器支持属性浏览器支持@font-faceFirefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 类型的字体。Internet Explor
转载 2014-03-02 15:19:00
337阅读
2评论
[CSS3 字体CSS3 @font-face 规则使用以前 CSS 的版本,网页设计师不得不使用用户计算机上已经安装的字体。 使用 CSS3,网页设计师可以使用他/她喜欢的任何字体。 当你发现您要使用的字体文件时,只需简单的将字体文件包含在网站中,它会自动下载给需要的用户。 您所选择的字体在新的 CSS3 版本有关于 @font-face 规则描述。 您"自己的"的字体是在 CSS3 @font
转载 2020-07-07 22:00:00
300阅读
2评论
1.transform变换(1)translate(x,y)设置盒子位移(2)scale(x,y)设置盒子缩放(3)rotate(deg)设置盒子旋转(4)skew(x-angle,y-angle)设置盒子斜切(5)perspective设置透视距离(6)transform-styleflat|preserve-3d设置盒子是否按3d空间显示(7)translateX,translateY,tra
原创 2018-12-28 23:08:43
857阅读
<style> #mycon { font-weight: bold; font-size: 150px; transform: rotateX(10deg); -webkit-transform: rotateX(10deg); /* Safari and Chrome */ -webkit-tr
转载 2016-03-30 19:53:00
383阅读
2评论
@font-face { font-family: myFirstFont; src: url(sansation_light.woff); }
原创 2023-03-02 02:23:49
301阅读
CSS3 transform变换 1、translate(x,y) 设置盒子位移2、scale(x,y) 设置盒子缩放3、rotate(deg) 设置盒子旋转4、skew(x-angle,y-angle) 设置盒子斜切5、perspective 设置透视距离6、transform-style fla
原创 2021-08-05 17:28:14
138阅读
文字与背景是一个网页的基础或者叫做基本属性,那么如何做到灵活地选取恰当的搭配形式,就需要我们掌握其基本的设置。首先我们想到的是文字,对于一个页面,我们要对其选取恰当的尺寸、字形、颜色。在这之前,我们先提一个标签<font>标签,它是特地用来规定文本的字体字体尺寸、字体颜色的,他有三个属性,分别为size、face、color,即尺寸、字形、颜色。具体的用法是将文本内容放置于<f
转载 2023-08-19 00:48:40
1071阅读
  颜色属性无处不在。字体要用颜色,背景可以有颜色,粒子特效更是离不开颜色。本文参考了一些资料简单总结下以备日后查阅。  css颜色的定义方式:十六进制色RGB & RGBAHSL & HSLA颜色名十六进制色  个人最喜欢的一种颜色表达方式。  十六进制颜色是这样规定的:#RRGGBB,其中的RR(红色)、GG(绿色)、BB(蓝色)十六进制整数规定了颜色的成分。所有值必须介于
转载 2017-05-18 14:35:35
359阅读
CSS字体属性主要用于定义字体类型、加粗、大小、文字样式。Property 描述 f
原创 2023-05-09 10:14:52
44阅读
CSS3嵌入Web字体一直以来Web设计师在设计网页时都想为Web页面添加一些优雅的字体,但浏览器仅限于使用用户在其系统上安装的字体呈现文本,这样一来让大部分网站受限于字体数量的不足。多年来一直都是使用图片替换文本的方式来解决页面上使用优雅字体,但这种对于频繁更换文本的网站来说是一件不切实际的事,以致于我们坚持使用这些少量的Web字体。随着技术的不断发展,出现在Web页面中使用Flash和Java
原创 2018-10-09 12:12:09
658阅读
css
css
转载 2021-12-08 21:59:37
776阅读
一、线性渐变多种颜色之间的渐变,默认从上到下。也可以使用关键词设置线性渐变的方向,to,代表往哪儿去,联合top\right\bottom\left,就规定了向上\右\下\左的方向渐变过度;也可以使用角度值(例:90deg)设置线性渐变的方向background-image: linear-gradient(red,yellow,green); /*默认从上到下渐变*/ background-
原创 2023-11-01 14:27:46
433阅读
.vote-box-list { float: left; width: 586px; border:#FF0000 1px solid; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7f6e6), ...
转载 2014-08-21 09:21:00
1113阅读
2评论
CSS3颜色特性“佛靠金装,人靠衣装”,网页也是如此。随着互联网的迅速发展,一个网页给人们留下的第一印象,既不是它的内容,也不是它的设计,而是整体颜色。为了能够达到人们的需求,Web设计师除了需要掌握网站制作的技术之外,还必须能够很好地应用Web颜色。换句话说,网站颜色的使用好坏,直接影响网站的生存力。网页色彩的表现原理:我们知道有256种Web安全颜色,其实这256种颜色是指8位颜色的表现能力,
原创 2018-10-04 14:17:01
942阅读
css3新增属性???? 边框属性 背景属性 文本属性 颜色属性 颜色属性值???? color:<name-color>。例如:red、green、blue... color:<hex-color>。例如:#eee、#ccc、#333... color:<rgb()>。例如:rgb(255,120,199 ...
转载 2021-10-19 15:37:00
172阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5