css学习笔记

来源:互联网 发布:啊哈算法2 pdf 完整版 编辑:程序博客网 时间:2024/06/06 00:17

CSS

1.简介

  • CSS 指层叠样式表 (Cascading Style Sheets)
  • 用于显示html元素多种效果
  • 把网页的内容和样式进行分离,利用代码的维护

2.用法

<!--标签内--><div style="background-color:red;color:blue;"><!--head中--> <head>  <style type="text/css">    div {        background-color:red;        color:black;    }  </style></head><!--link引用--><head>    <style>        <link rel="stylesheet" type="text/css" href="1.css"/>    </style></head>

3.选择器

1.优先级

  • 在一般情况下,后加载的优先级高
  • style > id选择器 > class选择器 > 标签选择器

2.类型

<!--用标签名称作为选择器-->div {    background-color: red;}<!--class选择器-->.name{    background-color:red;    font-size:10px;}<!--id选择器-->#name{    background-color:green;    color:white;}

3.扩展选择器

<!--嵌套选择器-->div p {    background-color:red;}<!--组合选择器-->div,p {    background-color:green;}
0 0
原创粉丝点击