用户投稿CSS串接样式表，可控制版面位置、网页配色以及产生文字与图片特效
(一) 在HTML文件里面使用CSS样式，有三种方式
1.行内宣告:将CSS写在html标记里，<h1 style=”background: yellow”></h1>
2.内嵌宣告:将CSS放在HTML文件的<head></head>，
<style> h1{ background: yellow} </style>
3.外部样式表连结至HTML: 使用<link>连结至HTML，
-> <link rel=stylesheet type=“text/css” href=“样式档的路径/档名”>
-> <style> @import ”样式档的路径/档名” </style>
(二)选择器
1.通用选择器:选择所有HTML元素，如: *{ font-size:16px ; color:blue;}
2.类型选择器:HTML文件里所有相同元素都套用同一种样式，如:div{ color: red; }
3.class选择器: .class属性名{样式规则;} (class名称是自己取的)
EX: <p class=”txt”>hello</p> => .txt { color: pink; font-size:16px ; }
4.id选择器: #id属性名{样式规则;} (名称是自己取的，不要使用HTML标记当作id名称)
EX: <p id=”title”> hello</p> => #title { font-size: 20px; color:red ; font-weight: bold;}
5.属性选择器:选择具指定属性质的元素
(二) 字型、文字
3.CSS(一):选择器/字型、文字
给这篇文章的作者打赏
微信扫一扫打赏
支付宝扫一扫打赏
