css知识汇总

css 为层叠样式表,主要用于对html进行美化。

1.css插入html方式:

1.1嵌入式:

      <style>

      html标签名{键值对}
  </style>
1.2外链式:
    <link rel="stylesheet" href="css文件地址">
1.3行内式:(不常用)
  在html标签栏 插入属性 class=“css键值对”
2.选择器
  css选择器有标签选择器、类选择器、id选择器、并集选择器、层级选择器、伪类选择器。
2.1标签选择器即1.1和1.2中采用的标签进行标记的键值对,其用于对所有html标签进行美化。
2.2类选择器一般用于对个别标签进行修饰。其格式 : .类选择器名字{键值对},但需要在对应的标签上增加class=“类选择器名”.
2.3id选择器,一般用于数据交互时,对标签进行标记,一般在一个html文档中应用一个。其格式为#选择器名字{键值对},但需要在对应标签上使用id=“选择器名字”。
2.4并集选择器一般应用于多个标签中,其属性相同,则统一进行渲染。在多个标签名字用逗号进行分割。例如:标签1,标签2,标签3.....{键值对}。
2.5层级选择器一般应用与对标签嵌套的内标签进行修饰场合。其父子标签用空格隔开。格式:父标签   子标签{键值对}。
 2.6伪类选择器一般针对超链接的颜色变换。格式: a{键值对}   a:hover{键值对} 表示鼠标接近或非接近时链接状态的变化。
3.定位: postition
position的三个常用属性absolute,relative,fiexed
  absolute:是相对浏览器,其不占位
  relative:相对自身的位置,占位控制
  fixed:位置固定,不随scroll而变动
4.float:浮动,应用于将标签并排显示
5.display:可以将块元素和行内元素进行相互转换。block,incline,none是否显示。
原文地址:https://www.cnblogs.com/xuehaiwuya0000/p/11001040.html