zoukankan      html  css  js  c++  java
  • CSS样式

    1.背景

      CSS允许使用纯色作为背景,也允许使用背景图像创建相当复杂的效果

    属性 描述
    background_attachment 背景图像是否固定或者随着页面的其余部分滚动
    background_color 设置元素的背景颜色(不继承)
    background_image 把图片设置背景
    background_position 设置背景图片的起始位置
    background_repeat 设置背景图片是否及如何重复
    background_size 规定背景图片的尺寸
    background_repeat 规定背景图片的定位区域
    background_repeat 规定背景的绘制区域

    2.文本

      CSS文本属性克定义文本外观 通过文本属性,可以改变文本的颜色。字符间距。对齐文本。装饰文本。对文本缩进

    属性 描述
    color 文本颜色(继承)
    direction 文本方向
    line-height 行高
    letter-spacing 字符间距
    text-align 对齐元素中的文本
    text-decoration 想文本添加修饰
    text-indent 缩进元素中文本的首行(text-indent:2em 首行缩进2个字符 可谓负值 可百分比)
    text-transform 元素中的字母(capitalize 单次首字母大写)
    uncode-bidi 设置文本方向
    white-space 元素中空白的处理方式
    word-spacing 字间距
    text-shadow 向文本添加阴影 text-shadow:5px(上) 5px(左) 5px(清晰度 越大越模糊) #FF0000(颜色)
    word-wrap 规定文本的换行规则

    3.字体

      CSS字体属性定义文本的字体系列,大小,加粗、风格和变形

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

    此外CSS3可以自己引入字体,

    @font-face{
        font-family:myfont;//自己引入的字体的名称,随便起
        src:url()//引入字体的地址    
    }
    div{
         font-family:myfont;//在这里使用  
    }

    但我们在开发中还是尽量使用安全字体;

     4.链接<a>标签

         a.CSS链接的四种状态

              a:link 普通的、未被访问的链接

              a:visited 用户已访问的链接

              a:hover 鼠标指针位于连接的上方

              a:active 链接呗点击的时刻

          b.常见的链接样式

              text-decoration 属性大多用于去掉链接中的下划线  text-decoration:none

          c.设置背景颜色

               background-color

    5.列表

     CSS列表属性允许你防止。改变列表标志,或者将图像作为列表项标志

    属性 描述
    list-style 简写列表项
    list-style-image 列表项图像
    list-style-position 列表项标志位置(inside outside靠近里边缘 或者外边缘)
    list-style-type 列表类型

    6.表格 

       表格边框 border:1px solide blue; 

      折叠边框  border-collapse:collapse(边框两条线变成一条)

      表格宽高 width height

      表格文本对齐 text-align:center

      表格内边距 

      表格颜色 background-color:aque

    7.轮廓

    CSS轮廓主要用来突出元素的作用

    属性 描述
    outline 设置轮廓属性
    outline-color 设置轮廓的颜色
    outline-style 设置轮廓的样式
    outline-width 设置轮廓的宽度
  • 相关阅读:
    MongoDB数据导入hbase + 代码
    Hbase批量插入优化记录
    net.sf.fjep.fatjar_0.0.32 eclipse4.x 可以用的jar包
    %E3%80%90%E7%BD%91%E7%BB%9C%E7%BC%96%E7%A8%8B%E3%80%91
    学习《深度学习入门:基于Python的理论与实现》高清中文版PDF+源代码
    《Python生物信息学数据管理》中文PDF+英文PDF+代码
    推荐《R数据可视化手册》高清英文版PDF+中文版PDF+源代码
    学习优化《机器学习与优化》中文PDF+英文PDF
    入门python:《Python编程从入门到实践》中文PDF+英文PDF+代码学习
    推荐《SQL基础教程(第2版)》中文PDF+源代码+习题答案
  • 原文地址:https://www.cnblogs.com/jiangxiulian/p/6651562.html
Copyright © 2011-2022 走看看