CSS层叠样式表——定义样式表-阿里云开发者社区

开发者社区> 科技小能手> 正文

CSS层叠样式表——定义样式表

简介:
+关注继续查看

    定义样式表

1  HTML标记定义

  <p>...</p>

  p{属性:属性值;属性1:属性值1}

  p可以叫做选择器,定义那个标记中的内容执行其中的样式

  一个选择器可以控制若干个样式属性,他们之间需要用英语";"隔开,最后一个可以不应加

2  Class定义

  <p class="p">...</p>

  class定义是以"."开始

  .p{属性:属性值;属性1:属性值1}

3  ID 定义

  <p id="p">...</p>

  ID定义是"#"开始的

  #p{属性:属性值;属性1:属性值1}

4  优先级问题

  ID>Class>HTML

  同级时选择离元素最近的一个的,比如:  #p{color:red}   #p{color:#f60}  执行颜色为#f60

5  组合选择器(同时控制多个元素)

  h1,h2,h3{font-size:14px;color:red;}

  选择其组合可以使用","隔开

6  伪元素选择器

  a:link  正常连接的样式

  a:hover  鼠标放上去的样式

  a:active  选择链接时的样式

  a:visited  已经访问过的链接的样式


本文转自 拉考的考拉 51CTO博客,原文链接:http://blog.51cto.com/lakaodekaola/1979730


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
关于友好性测试中鼠标样式的修改
在日常的界面测试中,我们一定会有这样的CheckPoint:鼠标移到可点击标识的上方时是否变为小手。 上图中的鼠标样式是错误的,要想修改成小手我们需要对应的找到他所对应页面元素的CSS样式并做修改(添加红字部分): div[id$='icmbx'] { display: inl...
786 0
CSS_边框样式
版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/twilight_karl/article/details/54729515 CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。
670 0
CSS样式更改——2D转换
CSS样式更改——2D转换
705 0
前端学习 -- Css -- 定义列表
定义列表用来对一些词汇或内容进行定义 使用dl来创建一个定义列表 dl中有两个子标签 dt : 被定义的内容 dd : 对定义内容的描述 同样dl和ul和ol之间都可以互相嵌套 DOCTYPE html> ...
674 0
CSS样式更改篇——背景Background
CSS样式更改篇——背景Background
217 0
23706
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载