前端基础----CSS基础概要(一)

CSS称为层叠样式表,用来对网页进行样式处理。今天为大家整理了一些css的一些基础知识,有哪些不对的,请大家多多指正

1.分类 CSS主要分为三种形式

① 行内   语法<标签名字 style=“样式”>

②内部    语法<style type="text/css">选择的元素 {样式;...}</style>

③外部    语法<link type="text/css" rel="stylesheet" href="css文件的路径"/>

2.选择器

①基本选择器

  · id选择器  #id名{样式}

  · 类选择器  .class名{样式}

  ·标签选择器  标签名{样式}

②层次选择器

  ·后代选择器  A B 选择A内部所有的B

  .子选择器   A>B   选择A里面的一层的B

  .相邻选择器  A+B 选择A同辈相邻的B元素

  ·同辈选择器  A~B 选择A的所有同辈的B元素

③结构伪类选择器

  ·A:first-child  选取父元素的第一个子元素

  ·A:last-child  选取父元素的最后一个子元素

  ·A:nth-child(n)  选取父元素的第n个子元素

④属性选择器

  ·A[attribute]  选取属性带有attribute的A元素

  ·A[attribute=value] 选取属性的值为value的A元素

  ·A[attribute^=value] 选取属性以value开头的A元素

  ·A[attribute$=value] 选取属性以value结尾的A元素

  ·A[attribute$*=value] 选取属性包含value结尾的A元素

相关推荐