Css设置字体

html-css017

Css设置字体,第1张

<link href="style.css" rel="stylesheet" type="text/css">其中style.css是你外部css文件名2.写在html页面的<head></head>里面<style type="text/css">*{font-size:10px} //通配符是用于定义网页所有标签的样式body{font-size:10px} // 这个样式是用于定义body中的标签样式//在html中,一般以上两种定义字体大小的方法都可以,*定义的范围会比较广一点, 你会发现很多网页有这么一行代码*{margin:0padding:0} //这个是用于更改ie的3像素bug</style>3.二楼给的写法<body style="font-size:12px">也是定义标签样式的一种方法,一般没学过css的初学者这样定义样式是比较方便的,但这样写管理起来很麻烦,代码冗杂,又长又臭,特别是代码多了以后,想修改就更麻烦了,而且代码也不美观,还可能会影响浏览速度....所以还是建议使用上面两种比较好,熟练以后就用第一种4.其实还有很多定义样式的方法,网上找找资料,慢慢学习,不难的你说的控制多层嵌套的表格,其实你可以给你要控制的单元格加个id或者class,然后把他们的样式写进css里面我简单写一下,嵌套就不写了,最讨厌表格了,实在是太麻烦了<tr><td class="type01">文字是红色的,14px</td>//class定义的样式可以多次用<td id="type01">文字是黑色的,11px</td>//id定义的样式只对一个标签有用</tr><tr class="type01">//用了上面的class样式<td>这里面的文字是红色的,14px</td></tr>在样式表中这样写他们的样式①.type01{ color:#FF0font-size:14px} //class="type01"的标签#.type01{color:#000font-size:11px} //id="type01"的标签// 写进css文件里面②<style type="text/css">

1.css3新增的一个属性rgba,语法

R：红色值。正整数 | 百分数

G：绿色值。正整数 | 百分数

B：蓝色值。正整数| 百分数

A：透明度。取值0~1之间

2.设置透明度是不会被继承的，所以不用头疼继承的问题.字体透明度便设置成color:rgba(0,0,0,0.5)边框：border:5px solid rgba(0,0,0,0.5)或者背景都可以。

3.兼容性。支持ie9及以上的浏览器

4.css2中opacity制作背景色通常用到，可是要用他来制作边框色或都说前景色的话，那他就有心无力了。

5.二者区别opacity后代元素会随着一起具有透明性，所以我们Opacity中的字随着透明值下降越来越看不清楚。但是rgba不存在这种问题。

6.比如做一个背景的透明度，那么

<style>

.div{background:rgba(0,0,0,0.5)width:100pxheight:100pxcolor:red}

.div1{background:#000width:100pxheight:100pxcolor:rgba(255,255,255,0.5)}

</style>

<div class="div">

    我是文字

</div>

<div class="div1">

    我是变透明的文字

</div>

文字不会被影响的。

7.如果需要设置字体的透明度，可以对color的rgba属性进行设置。

<!doctype html>

<html>

<head>

<title>Canvas Demo</title>

</head>

<body>

<canvas id=canvas width=500 height=500 style="background:green">您的浏览器不支持canvas标签!</canvas>

<script>

var context = document.getElementById('canvas')

var cxt = context.getContext('2d')

//字体

cxt.font="60px 黑体"

cxt.lineWidth=1

cxt.strokeText("无兄弟，不编程！", 20, 300)

</script>

</body>

</html>