css概述(1)
2019-06-30 本文已影响0人
loinue
结构html写好(只要是尖括号的,都是html),就写样式了。
css,三个单词的简写,其中一个单词是style,江南style,我有我的style的style,也就是样式。css翻译过来就是层叠样式表。感觉会记不住,那就不记了。认为它是美化网页就好了。我们知道html,那css要写在哪里?
有3个地方可以写css.但是写成的样子都是一样的,只是位置不一样而已。
1、行内-样式表。看样子是写在行内的(废话)
<p style="color:blue; font-size:20px">里面有文字</p>
认识一下:(先写style表明是样式,然后双引号括起来,里面是属性:值(并不是等号),分号隔开这样。) 注意font-size:20要加px.css几乎所有都要给单位。
这种偶尔会拿来用。
2、内部-样式表。看样子是写在内部?一般写在</head>上面。
用<style></style>裱起来。选择器(认为是选择标签就好),大括号{,里面是跟行内样式表一样的属性:值;}。所以它能一下子就把大片的标签处理完。上面是要一个一个地写。
<style>
th {
color: pink;
}
td {
font-size: 20px;
}
</style>
- 2的内部样式表html和css分的不够彻底,那干脆建个文件夹把css都拿出进,和html分离开来。
就有了“外部样式表”:写在外面,但是略去了style。然后需要引进来。
<link rel="stylesheet" href="css/style.css"/>
总结一下:
1是偶尔用,只能作用一个标签。2 用的多点,可作用于一个页面。3 推荐用,可作用多个页面。
下一节:一个页面中标签有很多,且有的相同,怎么有效改动我们想要的样式。
这需要选择器来帮忙。