• CSS初步理解


       近期在学习牛腩的时候遇到了网页的制作。挺新奇的。其中涉及到了有关CSS的知识,于是乎自己也就花费两个小时的时间。找了本浅显易懂的书来看了一遍,从宏观上来了解CSS的相关内容。有关CSS的基础知识详见下链接。

    CSS基础知识

    下面是对CSS理解的导图

     

     

      通过上图我们也发现。CSS也非常难。也easy。easy是说。学起来非常快就能够上手,这中语言简单易懂,仅仅要你具备小学英语的知识量就能够了。

    困难是在指学好它并不easy,由于它须要你耐心。就好比我们对word文档的排版。哪里须要主体鲜明一点。哪里须要着重突出一下,哪里须要加一下背景图片,这都须要考虑的。事实上就是美工的工作。学习CSS也非常杂,为何会这么说呢。由于须要与PS、photoshop联系起来。

      下面是一些常见的属性设置

    文字样式
        line-height:行间距
        letter-spacing:字间距
        text-decoration:标题处keyword的下划线
        font-style:设置字体风格
        font-weight:字体粗细
        border-style:边框样式
        border-width:边框粗细
        vertical-align:图片相对于文字对齐方式


    背景图片
        background-image:加入背景图片
        background-repeat:背景图片的反复方式
        background-position:背景图片的位置
        background-attachment:固定背景图片


    CSS设置表格与表单的样式
        border-collapse:边框重叠
        list-style-type:用来清除列表前面的标记


    设置页面和浏览器的元素
        <a href=""></a>:加入超链接
        a:link:超链接的普通样式
        a:visited:被点击过的超链接的样式
        a:hover:鼠标经过超链接上的样式
        a:active:在超链接上单击时
        cursor:设置鼠标的显示样式

    用CSS制作有用的菜单
        <ul></ul>:有用列表
        list-style-type:项目列表的标头
        list-type-image:项目列表能够设置为图片
        display:block :块级显示

    看看这些属性是不是so easy呢? 仅仅要稍微的熟悉一下。你就能够称的上是半个CSS专家了。

    从导图中我们也可以看到,假设可以把CSS布局学懂的话。就算成功一半多了,所下面篇博客将会讲CSS中的盒子模型


       
       

  • 相关阅读:
    numpy 加速 以及 ipython
    sublime 插件
    doc文件转txt
    xls文件转化txt
    jmlr论文下载
    R 画地图
    shell并行处理
    Idea 配置
    beta函数分布图
    winEdt 使用
  • 原文地址:https://www.cnblogs.com/yangykaifa/p/6978237.html
Copyright © 2020-2023  润新知