关闭

CSS(Cascading Style Sheets)层叠样式表

标签: 层叠样式表
213人阅读 评论(0) 收藏 举报
分类:

1.CSS代码的位置
三种样式表的优先级由高到低排列如下:
内联样式表>内部样式表> 外部样式表
补充规则:优先级相同的情况下,后定义的属性会覆盖先前定义的。
其他高级规则:CSS中的important!是比较实用的技巧。
1.1 内联样式表:HTML标签内
内联样式表
1.2内部样式表:在head标签内,title标签后面

如上图所示
注释标签则是避免不支持CSS的浏览器将CSS内容作为网页正文显示在页面上。
在CSS中,注释以“/”开始,以“/”结束
1.3外部样式表:独立的CSS文件中

使用link标签引入到当前文档中
2.CSS基本语法
CSS基本语法
3.css选择器
(1) id选择器 #
(2) 类class选择器 .
(3)选择器分组:不同的元素使用相同的样式时,可以使用“,”逗号隔开,表示并列关系。
(4)派生选择器:使用“父元素 子元素”的格式定位到父元素下面的子元素(用空格隔开)
(5)id选择器结合派生选择器:“#id名 子元素”定位到此id下面的子元素。
(6)类选择器结合派生选择器:“.class名 子元素”定位到此class下面的子元素。
(7)元素也可以给予他们的类而被选择
元素也可以给予他们的类而被选择

这里写图片描述
4.css框模型
框模型
行框:前后不换行,不能指定宽度(a,span,strong等标签),通过display:inline指定
行框
块框:前后换行(div,table,p,h1~h6等标签)通过display:block指定
块框
5.相对定位
绝对定位
这里写图片描述

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:56827次
    • 积分:1504
    • 等级:
    • 排名:千里之外
    • 原创:99篇
    • 转载:1篇
    • 译文:0篇
    • 评论:1条
    最新评论
  • echarts的使用

    baidu_36876888: 你好,在移动端使用echarts,设置了dataZoom之后,只可以拖动滚动条,屏幕拖动不生效是怎么...