码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-02-16 20:53:52      阅读:84      评论:0      收藏:0      [点我收藏+]

标签:基础知识   处理   今天   css基础   attr   层次选择器   sheet   fir   type   

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元素

 

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

标签:基础知识   处理   今天   css基础   attr   层次选择器   sheet   fir   type   

原文地址:https://www.cnblogs.com/mrluve/p/12318393.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!