CSS是指层叠样式表(CascadingStyleSheets),样式定义如何显示HTML元素,样式通常又会存在于样式表中。也就是说把HTML元素的样式都统一收集起来写在一个地方或一个CSS文件里。
常用文本样式: color文字颜色 font-size设置文字大小 font-family微软雅黑 font-style是否倾斜 italic-倾斜 normal-正常(通常用来去倾斜) font-weight是否加粗 bold-加粗 normal-正常 line-height行高第二行底部到第一行底部的高度
颜色表示法: 1.颜色名表示-例如:red 2.rgb表示-例如:rgb(255,0,0)表示红色 3.16进制数值表示比如:#ff0000表示红色
新建css为尾缀的文件,且在文件当中写css样式 2.在<head>标签中
<head> <metacharset="UTF-8"> <title>html之css</title> <link rel="stylesheet" href="文件相对路径"> </head>例如:
<!DOCTYPE html> <html> <head> <title>css引入</title> <link rel="stylesheet" type="text/css" href="css/css1.css"> </head> <body> <h3>hello</h3> <div>world</div> </body> </html> div{ color: blue; }例如:
<!DOCTYPE html> <html> <head> <title>css引入</title> <style type="text/css"> h3{ color: blue } </style> </head> <body> <h3>hello</h3> <div>world</div> </body> </html>注:实际开发中主要使用外联式,不推荐使用行内样式。
例如:
<!DOCTYPE html> <html> <head> <title>css引入</title> </head> <body> <h3>hello</h3> <div>world</div> <a href="http://www.baidu.com" style="font-size: 20px;color: red;">百度</a> </body> </html>
