首页 > Web开发 > 详细

CSS

时间:2021-05-13 01:11:29      阅读:17      评论:0      收藏:0      [点我收藏+]

css引用方法

1. <div style="特征:属性;征:属性"><div>
2. css文件引用 <link rel="stylesheet" href="demo.css">
3. <head>
        <style>... ...</style>
   </head>

主要选择器

1. tag选择器    div{}
2. id选择器     #divID{}
3. class选择器  .divClass{}

注意:上诉选择器优先级 style属性>id>class>tag

其他选择器

//所有元素赋样式
*{
    color: red;
}

//父节点下 所有子节点赋样式
.fatherClassName childTag{

}

//父节点下 仅下一级子节点赋样式
.fatherClassName>childTag{
    
}

//当前节点之后的节点赋样式
.className~.className{
    
}

伪类选择器

  • .ul-test li :hover :类名叫ul-test的标签下的子标签li进行筛选 选鼠标经过的li(:hover)

  • .ul-test li :active

  • .ul-test li :visited

常用样式

盒子模型

  • 内边距 padding
  • 外边距 margin(水平排列 边距相加/ 垂直排列 边距重叠)
  • 边框 border

文本样式

  • font
    • font-family
    • font-size
    • font-weight
    • ... ...

背景样式

  • background

图片样式

布局样式

  • 文档流
    • 浮动 float
    • 定位 position
    • 盒子层次 z-index
    • 呈现形式 display
    • 表格线框

具体知识点就不展开了,比较无聊,不用记,只要知道有这些东西就行,用的时候网上查询,了解大概样式是哪个标签的哪个css属性影响即可。

CSS

原文:https://www.cnblogs.com/LazyTiming/p/14762501.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!