分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

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

发布时间:2023-09-06 01:23责任编辑:傅花花关键词: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  已经访问过的链接的样式

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

原文地址:http://lakaodekaola.blog.51cto.com/12859591/1979730

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved