zoukankan      html  css  js  c++  java
  • div+css基础知识(1)

    css控制页面的有:1、行内样式2、内嵌式3、链接式4、导入样式    

    css选择器:1、标记选择器2、类别选择器3、ID选择器

    优先级:ID>类>标记

    css的文字效果

    font-family:字体

    font-size:文字大小

    color:文字颜色

    font-weight:文字粗细

    text-decoration:underline      下划线

    text-decoration:overline           顶划线

    text-decoration:line-through   删除线

    字母间距:letter-spacing(默认normal)

    对齐方式

    text-align:left    左对齐

    text-align:right   右对齐

    text-align:center 居中对齐

    text-align:justify 两端对齐

    line-height  行间距

    图片边框

    border-style:dotted 点划线

    border-style:dashed   虚线

    border-style:solid     实线

    border-color颜色

    border-width:宽度

    设置网页背景

    background-color    背景颜色

    background-image:url(xx.jpg)  背景图片

    background-repeat:repeat-y     垂直方向重复

    background-repeat:repeat-x     水平方向重复

    background-repeat:no-repeat     不重复

    背景图片位置

    background-position:30%   70%    距离左端30%,距离上端70%的位置

    background-position:300px  25px   距离左端300px,距离上端25px的位置   

    background-attachment:fixed     固定背景图片

    综合:background:blue url(xx.jpg)no-repeat fixed 5px 10px;

    表格样式

    <caption></caption>  表格标题

    属性:caption-size:bottom;

    border:1px solid red;  表格边框

    border-collapse:collapse;   边框重叠

    th  scope="row"     行的表头

    th srope="col"        列的表头

    超链接

    text-decoration:none         去掉超链接下划线

    a:link           正常浏览状态的样式

    a:visited       被点击过的超链接样式

    a:hover        鼠标经过时的样式

    a:active         点了那一刻的样式

    鼠标经过时手指

    a:hover

    {

    cursor:pointer;

    }

     

  • 相关阅读:
    spring bean的作用域
    Web前端开发CSS规范总结
    前端技术都包含哪些?
    Web安全常见问题及解决方法
    如何让手游更省带宽,耗电量更少?TBR渲染架构解析!
    新手学Java,有哪些入门知识点?
    如何让手游内存占用更小?从内存消耗iOS实时统计开始
    动作游戏老是卡?试试从这些方面提升流畅度
    开发者必知!2020年大前端发展趋势解读
    游戏编程入门! 想成为专业的游戏开发程序员需要掌握哪些?
  • 原文地址:https://www.cnblogs.com/kanjiandeguang/p/4681266.html
Copyright © 2011-2022 走看看