zoukankan      html  css  js  c++  java
  • 学习总结-CSS

    本人是初学者,大神勿,如引起不必要的后果,概不负责!

    css:Cascading Style Sheets 层叠样式表

    CSS引入方式:

    1.内嵌: <p style="color:red;">xx</p>,这种方式使用最少,因为不方便阅读

    2.内联:写在<head>中,<style>

                  p{xxxxx}

                </style> 所有p元素都会执行{}中的代码。

    3.外联:在外部创建一个CSS,再通过link连接这个css.也写在<head>中。

    选择器:

    1.ID选择器:命名一个 id="xx" 然后用#xx来提取。一段HTML中只能命名一个ID

    2. class选择器:命名一个 class="xx" 然后用.xx来提取。可以命名多个class.

    3.元素选择器:p{} span{} 元素{}

    4.属性选择器:inpunt[type="text"]{}

    伪类:

    以一个<a>标签为例子。

    a:link{xx} 没有被访问时的样式

    a:visited{xx}访问后的样式

    a:hover{xx}鼠标移上去的样式

    a:active{xx}点击时的样式

    伪元素:

    :first-line{xx} 文字中的第一行的样式

    :first-letter{xx}文字中的第一个字的样式

    :before{xx}插入到选中的位置的最前面

    :after{xx}插入到选中的位置的最后面

    通配符:*,指所以元素。

    后代:

    ul li:nth-child(7) 指选中Ul中顺数第七个

    ul li:nth-last-child(7) 指选中Ul中倒数第七个

    ul li:nth-child(odd)指ul中的奇数列

    ul li:nth-child(even)指ul中的偶列

    ul li:nth-child(xn+y) 指xn+y的数字,n从0开始计算。

    子级:

    .p span{xxx}    p下的所有span的样式

    .p>span{xxx}  只改变子级。孙子级的不会被改变。

    并集:

    h1,h2,h3,h4,{xxxx} h1-h4的样式

    div1.div2.div3{xxx} div1-div3的样式,多个样式的改变。

    权重:important>style>id>class>元素>*

    未完----------------------------------------------------------------------------------------------------

  • 相关阅读:
    Android手势锁实现
    网页模板pug基本语法
    React入门看这篇就够了
    我曾站在离你最近的天涯
    一文看懂浏览器事件循环
    Vi编辑网卡
    2019.6.11_MySQL进阶二:主键与外键
    2019.6.13_笔试题目及答案
    2019.6.13_MySQL简单命令的使用
    2019.6.13_SQL语句中----删除表数据drop、truncate和delete的用法
  • 原文地址:https://www.cnblogs.com/yzw519/p/6507385.html
Copyright © 2011-2022 走看看