CSS(未完待补充)
CSS(层叠样式表)简介
网页由w3c规定分为三部分:结构(HTML),表现(CSS),行为(Js)。
网页实际上是一个多层结构,通过css可以分别为网页的每一层来设置样式,而我们最终看到的只是网页最上面一层(俯瞰图)
使用CSS修改元素的样式
第一种方式(内联样式,行内样式):
标签内部通过style属性来设置元素的样式
属性名=“样式名:样式值;”(冒号连接,分号结束)
<p style="color:red;font-size:60px;">要改变颜色的内容</p>
如以上代码,页面显示时字体大小为六十像素,颜色为红色。
存在的问题:使用内联样式只可对一个标签生效,如果希望影响到多个元素必须在每一个元素中都复制一遍,并且样式发生变化时,必须一个一个修改。开发时绝对不要使用内联样式。
第二种方式(内部样式表):
可以将样式编写到head中的style标签里,然后通过CSS的选择器来选中元素并为其设置各种样式。可以同时为多个标签设置样式,并修改时只需修改一处,即可全部应用。更加方便重复使用
<head>
<style>
p{
color:green;
font-size:50px;
}
</style>
</head>
上述代码表示将页面中p元素的属性设置为绿色,字体大小为50像素。