码迷,mamicode.com
首页 > Web开发 > 详细

CSS 初级攻略

时间:2017-06-18 15:14:49      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:png   first   height   css3   html   logs   color   span   高级   

内容来自html dog.

 

css的格式为 ‘property: value’ 

给html插入css样式的方式有三种:内联、内部css、外部css文件,如下所示:

<p style="color: red">text</p>
<!DOCTYPE html>
<html>
<head>
<title>CSS Example</title>
<style>

    p {
        color: red;
    }

    a {
        color: blue;
    }

</style>
...
<!DOCTYPE html>
<html>
<head>
    <title>My first web page</title>
    <link rel="stylesheet" href="style.css">
</head>
...

 css要设定html的样式,首先必须先获得html元素的选择器,

最简单的选择器就是直接使用html元素名称,如下所示

技术分享

 

css中的度量单位:

技术分享

 

css中的颜色:

分为两种表示方式,还有一些预定义的颜色,css3还会有一些高级设置。

技术分享

技术分享

 css中的文字

不同的计算机中有不同的字体,有时候你设置的字体在其它计算机上是无效的。

但是也有那么些安全的字体,比如:Arial,Verdana、Times New Roman等

比较保险的方法是设置多个字体(用逗号分割),这样浏览器在找不到第一种字体的情况下就会去寻找第二种字体、依次下去

需要注意的是,如果字体多于一个字,那么应该把它放进双引号里,font-family: "Times New Roman"

下面是字体相关的几个css属性:

技术分享

补充:font-size是修改文字大小,各种划线是text-decoration,在整体样式上还有一些如下

技术分享

不过我想应该不会经常用。。。

 

CSS 初级攻略

标签:png   first   height   css3   html   logs   color   span   高级   

原文地址:http://www.cnblogs.com/xkxf/p/7044033.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!