HTML第二课——css
请关注公众号：自动化测试实战
先给大家提个建议，就是用sublime编辑器来编写。用其他的也无所谓，我只是建议，因为这个会帮你自动补全很多代码。
css概念
css叫层叠样式表。意思就是一层一层的叠加。作用就是让页面中的可视化标签变得好看。
css的三种写法
-
内联式
通过标签里的style属性设置。
<html>
<head>
<meta charset="utf-8">
<title>Csstitle>
<meta name="keywords" content="key1, key2">
<meta name="description" content="">
head>
<body>
<div style="color: red; border: 1px solid red; display: inline;">This is a div tagdiv>
<div style="color: rgb(15, 20, 220);">This is a div tagdiv>
<div style="color: #ccff66;">This is a div tagdiv>
body>
html>颜色的书写方式：
-
英文直接书写
-
rgb r: red, g: green, b: blue，所有颜色都是红绿蓝。取值0-255,
rgb(0，0，0)就代表黑色，rgb(255, 255, 255)代表白色，rgb(0, 255, 0)代表绿色 -
十六进制：前面要加
#，比如#ccff00
以后都用十六进制写颜色。
-
嵌入式
写在里的
-->
<link rel="stylesheet" type="text/css" href="css/index.css">
head>
<body>
<div>这是一个div标签div>
body>
html>
index.css
div{
font-family: 'Microsoft Yahei';
font-size: 20px;
border: 1px solid red;
display: inline;
}以后写css只用引用式；以后写css只用引用式；以后写css只用引用式
注意：如果你在css里写了样式，也在div标签里写了style，那样会有限选择div里面的style，这就是就近原则。
明天接着讲css剩下的知识点，大家先消化一下上面的知识。