zoukankan      html  css  js  c++  java
  • css

    css分为三种写法,内嵌样式表和行内样式表,这种不推荐。
    外链式写法:
    <link rel="stylesheet" href="1.css">

    块元素转换为行内元素:
    display:inline;
    行内元素转为块元素:
    display:block;
    块和行内块元素转为行内块元素:
    display:inline-block;
    总结:块元素可以定义宽和高,独占一行,行内元素不可以定义宽和高,不独占一行,行内块元素既不独占一行,也可以定义宽和高。

    css三大特性:
    1、层叠性:当多个样式作用在同一个标签上的时候,会发生冲突,后面的会覆盖前面的代码。
    2、继承性:两个元素发生嵌套关系的时候,父元素的属性,子元素也可以继承。
    注意:h系列不可以继承文字大小
    a标签不可以继承文字颜色
    3、优先级:
    默认样式 < 标签选择器 < 类选择器 < ID选择器 < 行内样式表 < !important

    优先级特点:
    1、继承的权重为0,有行内样式表的时候就听行内样式表的。
    2、权重会叠加

    链接伪类:
    a:link 这个和a标签都是一样的,只不过有写浏览器不兼容的问题
    a:link:链接的默认状态
    a:visited:链接访问之后的状态
    a:hover:鼠标放在超链接上显示的状态
    a:active:超链接激活的状态,按上不松手的状态

    导航常用命令:
    text-align:center; 文本居中
    text-decoration:none;超链接没有下划线
    text-decoration:underline;超链接有下划线
    font-weight:500;文字加粗

    背景颜色:
    background-image:url(""); 背景图片
    background-repeat none 背景平铺 no-repeat 只出现一次 不平铺
    background-position 背景定位 属性:就是加上下左右的方位值

  • 相关阅读:
    Ubuntu中设置永久的DNS
    Ubuntu上OpenStack DashBoard主题修改的方案
    OpenStack 控制台不能不能访问的问题
    树莓派2试玩
    SharpMap V1.1 For Web教程系列之——地图展示
    剑指offer12 矩阵中的路径
    flex布局中关键词整理
    浏览器缓存 强缓存 协商缓存整理
    二叉搜索树中第K小的元素
    leetcode cs-notes-树(一)【js】
  • 原文地址:https://www.cnblogs.com/tidhy/p/6680774.html
Copyright © 2011-2022 走看看