前端基础----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元素

 

posted @ 2020-02-16 20:02  MrLuve  阅读(140)  评论(0编辑  收藏  举报