zoukankan      html  css  js  c++  java
  • css入门知识点整理

    css入门知识点整理

    不要嘲笑我这个蒟蒻。。例子来源:w3school

    css其实就分为两个东西,一个是选择器,另外一个是声明。声明定义了某个对象的属性的值,这都是html的内容。重点要关注的是选择器。顾名思义,选择器就是用来“选择”HTML中的元素的。通过定义选择器可以选出HTML文档中的某些元素,然后把它们的样式变成声明中的。css的格式长这样:

    selector {declaration1; declaration2; ... declarationN }

    这里有一个最基本的css例子:

    h1 {color:red; font-size:14px;}

    意思就是说,把所有是h1的元素,颜色都变成红色,字体大小设置成14像素。

    选择器有很多用法:

    • 后代选择器 x y{ ... } 。它的作用是,只有在x元素中的y元素才会被选择。前面讲的相当于中x设成所有元素。

    • 子元素选择器 x>y{ ... }。它的作用和后代选择器差不多,但是只能选择下一层的后代。

    • 兄弟选择器 x+y{ ... }。它的作用是,只有和x是兄弟的元素y才会被选择。

      前三个选择器统称派生选择器。它们还能和后面的选择器组合起来。

    • id选择器 #idName{ ... }。它能选择所有id=idName的元素。注意,id不建议共用。

    • class选择器 .className{ ... }。它能选择所有class=className的元素。

    • title选择器 [title=X]{ ... }。它能选择所有title=X的元素。等号替换成~=/|=,意思是可以匹配X中的任何一个子串(用空格分隔/用-分割)。

    就是这样~

  • 相关阅读:
    WindowsXP/2000来帮您自动关机
    ASP程序加密/解密方法大揭密
    教你如何在Windows XP使用定时关机命令
    向左滚动 替代 Marquee
    [转]Subversion的权限控制
    Xplanner的安装
    推荐一个不错的浮动广告代码
    微软称20日验证Windows与Office 盗版将黑屏?!
    Internet Explorer 8 Beta 2十大看点
    [转]Subversion的权限控制
  • 原文地址:https://www.cnblogs.com/MyNameIsPc/p/9195603.html
Copyright © 2011-2022 走看看