css基本语法与页面应用

2018-10-18  本文已影响0人  f6d8ee519880

1、csss基本语法和页面引用

div{ width:100px; height:100px; color:red }
1、外联式:通过link标签,链接到外部样式表到页面中。

<link rel="stylesheet" type="text/css" href="css/main.css">

2、嵌入式:通过style标签,在网页上创建嵌入的样式表。

<style type="text/css">
    div{ width:100px; height:100px; color:red }
    ......
</style>

3、内联式:通过标签的style属性,在标签上直接写样式。

<div style="width:100px; height:100px; color:red ">......</div>

2、css文本设置

color 设置文字的颜色
font-size 设置文字的大小
font-family 设置文字的字体
font-style 设置字体是否倾斜
font-weight 设置文字是否加粗
font 同时设置文字的几个属性,写的顺序有兼容问题
line-height 设置文字的行高
text-decoration 设置文字的下划线
text-indent 设置文字首行缩进
text-align 设置文字水平对齐方式

3、css颜色表示法

1、颜色名

2、rgb

3、16进制数值
上一篇下一篇

猜你喜欢

热点阅读