zoukankan      html  css  js  c++  java
  • css- 选择器-背景--文本--字体--链接

    多个标签引用一个样式--h1,h2,h3--用逗号
    派生-一个标签下的子标签-li strong{}--用空格
    都是遵循-指定的不会被覆盖-未指定的会被引用(权重优先级)

    id选择器-用#定义
    类选择器-用一个点显示-class也可用作派生

    属性选择器-对带有指定属性的html元素设置样式(不常用)
    <style type="text/css">
    [title]{
    color:red;
    }
    [title=te]{}
    </style>
    <p title="te">

    ----css背景
    background-attachment--背景图像是否固定或者随着页面的其余部分滚动
    background-color--设置元素的背景颜色
    background-image--把图片设置为背景
    body{background-image:url("bg.jpg");}
    background-position--设置背景图片的起始位置-px百分left设置都可以

    background-repeat--设置背景图片是否允许重复
    background-size--规定背景图片的尺寸
    background-orgin--规定背景图片的定位区域
    background-clip--规定图片的绘制区域

    ----css文本
    color --文本颜色
    direction --文本方向
    line-height --行高
    letter-spacing --字符间距
    text-align --对齐元素中的文本
    text-decoration --向文本添加修饰
    text-indent --缩进元素中文本的首行
    text-transform --元素中的字母---全部大写-首字母大写-全部小写
    unicode-bidi --设置文本方向
    white-space --元素中空白的处理方式
    word-spacing --字间距

    text-shadow --设置阴影效果--四个值(5px 5px 5px #FF000)
    text-wrap --换行-normal自动换行(不会把英文单词拆开)


    ----css字体
    font-family --设置字体系列
    font-size --设置字体的尺寸
    font-style --设置字体风格
    font-variant --以小型大写字体或正常字体显示文本
    font-weight --粗细

    ----css链接
    a:link --普通的,未被访问的链接
    a:visited --用户已访问的链接
    a:hover --鼠标指针位于链接的上方
    a:active --链接被点击的时刻
    去掉下划线
    a:link{
    color:;
    text-decoration:none;
    }

  • 相关阅读:
    Visual Studio 20年
    cocos2d-x 重力感应 加速器的使用
    大规模高性能站点架构设计思路整理
    MySQL
    drools 的一个小demo
    springboot使用hibernate validator校验
    mybatis JdbcTypeInterceptor
    ColorPic 一套簡單好用的顏色選擇器!
    WebStorm ES6 语法支持设置
    css中单位em和rem
  • 原文地址:https://www.cnblogs.com/fdxjava/p/11208076.html
Copyright © 2011-2022 走看看