分享

css样式表语法

 李不嗔 2015-12-12
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 样式文档,请查收!


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多