color:red;} // p 选择器必须写在 style 标签内 a{ font_size:50px”; font-family:隶书;} //这里的 a 选择器在超链接中实现效果< /style> 在超链接中引入:<a href=””>点我</a> 需要注意的是用该引入方式所有 P 标签的风格都将改变。 行内(嵌入) 在标签内部写入样式: 行内(嵌入)式:在标签内部写入样式: 直接在 p 标签引入:<p style='color:red;font-size:500px;font-family:隶书'>< /p> 外部式:通过引入外部样式改变 html 样式风格 P{ Color:blue } 保存为 css 格式; //需注意的是,若是保存在同一文件夹,则不需要直接指出路径 从外部引入到样式分为两种: ( 标签里面) 从外部引入到样式分为两种: 注意写在 head 标签里面 Link 样式表式 样式表式:< link rel=”stylesheet” type=”text/css” href=”my.css”(href 表示路径)> Html 式:< style type='text/css'>@import url('css.css');></style> 3 种选择器 Html 选择器:网页中所有标签都将实现效果, P{color:red;font-size:30px;font-family:隶书;} 类选择器:定义一个类“.”表示,建一个名字如 fire .< style type='text/css'> //注意:必须写在 style 标签里面 .fire{ color:red; font-family:华文彩云; font-size:50px; }< /style> 在 p 标签内引入:<p class=”fire”><p> 在超链接内引入:<a class=”fire” href=””></a> 在文本框中引入:<input type=”text” class=”fire”> ID 选择器:让网页和文字变化颜色和样式,不能重复 <style> #p1{ color:#FF0000; }< /style> 引入到 p 标签:<p id=”p1”></p> 【选】包含选择器:将所有包含在 P 标签的 a 标签实现改变; 语法:[包含的类][要实现的标签]{ [选择器] } P a{ Color:red; } //这里的意思是在所有 p 标签的所有超链接颜色都设置为“red” 附件:css 样式文档,请查收! |
|