zoukankan      html  css  js  c++  java
  • css学习笔记

    1.在 CSS 中,类选择器以一个点号显示:
    .fancy td {
     color: #f60;
     background: #666;
     }
    or
    td.fancy {
     color: #f60;
     background: #666;
     }
    2.lang 属性规定元素内容的语言
    3.如果某些属性在不同的样式表中被同样的选择器定义,那么属性值将从更具体的样式表中被继承过来。
    内部有的还是继承内部的,没有的继承外部。
    4.id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

    id 选择器以 "#" 来定义。
    5.<li><strong>我是斜体字。这是因为 strong 元素位于 li 元素内。</strong></li>
    li strong {
        font-style: italic;
        font-weight: normal;
      }
    通过strong只改变ul中的某一行属性
    6.使用 font-family 属性 定义文本的字体系列。
    把 Web 页面上的段落的第一行缩进,这是一种最常用的文本格式化效果。CSS 提供了 text-indent 属性,该属性可以方便地实现文本缩进。
    可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。
    7.
    •a:link - 普通的、未被访问的链接
    •a:visited - 用户已访问的链接
    •a:hover - 鼠标指针位于链接的上方
    •a:active - 链接被点击的时刻
    8.如需在 CSS 中设置表格边框,请使用 border 属性。
    text-align 属性设置水平对齐方式,比如左对齐、右对齐或者居中:
    vertical-align 属性设置垂直对齐方式,比如顶部对齐、底部对齐或居中对齐
    9.如需控制表格中内容与边框的距离,请为 td 和 th 元素设置 padding 属性
    10.
    轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。

    CSS outline 属性规定元素轮廓的样式、颜色和宽度
    11.
    •list-style-type:none - 删除圆点。导航栏不需要列表项标记。
    •把外边距和内边距设置为 0 可以去除浏览器的默认设定。
    12.
    a
    {
    display:block;
    60px;
    }
    •display:block - 把a显示为块元素可使整个链接区域可点击(不仅仅是文本),同时也允许我们规定宽度

    13.
    创建透明图像 - Hover 效果

    在本例中,当用户将鼠标指针移动到图片上时,会改变图片的透明度。

    1.内联式

    <span style="color:blue">内容</span>

    2.嵌入式

    <head>

    <style type="text/css">

    span{

    color:blue;

    }

    </style>

    </head>

    3.外部式

    引用外部.css文件

    main.css文件:

    span{

    color:blue;

    }

    html文件中调用.css文件:

    <head>

    <link href="main.css" rel="stylesheet" type="text/css" />

    </head>

    内联式 > 嵌入式 > 外部式

    14. 

    类选择器:

    语法:

    .类选器名称{css样式代码;}

    注意:

    1、英文圆点开头

    2、其中类选器名称可以任意起名(但不要起中文噢)

    使用方法:

    第一步:使用合适的标签把要修饰的内容标记起来,如下:

    <span>胆小如鼠</span>

    第二步:使用class="类选择器名称"为标签设置一个类,如下:

    <span class="stress">胆小如鼠</span>

    第三步:设置类选器css样式,如下:

    .stress{color:red;}/*类前面要加入一个英文圆点*/

     

    ID选择器:

    在很多方面,ID选择器都类似于类选择符,但也有一些重要的区别:

    1、为标签设置id="ID名称",而不是class="类名称"。

    2、ID选择符的前面是井号(#)号,而不是英文圆点(.)。

  • 相关阅读:
    每天一个linux命令(40):wc命令
    每天一个linux命令(39):grep 命令
    每天一个linux命令(38):cal 命令
    每天一个linux命令(37):date命令
    每天一个linux命令(36):diff 命令
    每天一个linux命令(35):ln 命令
    [android] Activity 的生命周期 以及横屏竖屏切换时 Activity 的状态变化
    Android onConfigurationChanged 不执行
    faster-rcnn anchor 介绍
    Faster-rcnn centos tensorflow
  • 原文地址:https://www.cnblogs.com/auvxx/p/5401513.html
Copyright © 2011-2022 走看看