zoukankan      html  css  js  c++  java
  • CSS语法&引入方式&常用选择器

    语法:

    css基本语法通常包含两个部分:

      1.选择器

      2.一个或多个声明.

    注意:如果一个属性多个值,那么多个属性值之间用空格隔开即可.

    CSS引入方式:

    1. 行内样式(html标签中添加属性style)
    2. 页面内样式(在<head>标签中使用<style>标签社会css)
    3. 外部样式(单独定义一个.css的文件,在<head>中引入该文件)

        eg: <link href=".class文件地址" rel="stylesheet" type="text/css"/> 

    CSS常用选择器:

    CSS 元素选择器  ( element )

    CSS 类选择器  ( .classname )

    CSS ID选择器  ( #id )

    CSS 属性选择器  ( [attr] )

    CSS 后代选择器  ( selector1空格selector2 )

    CSS 子元素选择器  ( DadSelector>ChildSelector )

    CSS 兄弟选择器  ( selector1+selector2 )

    CSS 伪类  ( selector:pseudo-class )

    //锚伪类
    a:link {color: #FF0000}    /* 未访问的链接 */
    a:visited {color: #00FF00}    /* 已访问的链接 */
    a:hover {color: #FF00FF}    /* 鼠标移动到链接上 */
    a:active {color: #0000FF}    /* 选定的链接 */

    CSS 伪元素  ( selector:pseudo-element )

    p:first-line
      {
      color:#ff0000;
      }

     

  • 相关阅读:
    normalize.css介绍和使用,normalize与CSS Reset的区别
    解决在Windows10没有修改hosts文件权限
    定时器
    常见代码题
    BFC与margin重叠
    清除浮动的方法以及优缺点
    面向对象的理解
    左边固定右边自适应
    正则
    《STL源码剖析》——第一、二、三章
  • 原文地址:https://www.cnblogs.com/laodang/p/8947487.html
Copyright © 2011-2022 走看看