zoukankan      html  css  js  c++  java
  • css

    基础知识

    1、标记

       例如:<h2>标题内容</h2>

    2、CSS控制页面:

       优先级别:  行内样式 > 链接式 > 内嵌式 >  导入式    行内样式:用Style标记直接写在中间

       内嵌式:将CSS写在<head>与</head>之间,并且用<style>和</style>标记声明

       链接式:

       导入式:

    CSS的基本语法

    1、CSS选择器:

       标记选择器: P、h1      类别选择器:     ID选择器:    选择器声明:

    2、CSS继承:

       父子关系:

       继承运用:只给HTML父项设置格式,其所包含的子项也会有相应的属性,要想单个控制,那么就给每个项加class属性,实现一对一控制。

    文字效果

    1、文字样式:

       字体:通过其中的Font-family控制    大小:font-size控制    颜色:color控制    粗细:font-weight控制    斜体:font-style控制    下划线、顶划线和删除线:text-decoration控制    字母大小写:text-transform控制

    2、段落文字:

       水平对齐方式:text-align控制   垂直对齐方式:vertical-align控制   行间距和字间距:line-height控制   首字下沉:float控制

    图片效果

    1、图片样式:

       边框:<img>标记的border属性   缩放:width和height(可以加入值)   对齐:横向:text-align,纵向:vertical-align

    2、混排:

       文字环绕:float(left,right)  图片文字间距:padding属性

    设置网页中的背景

    1、背景颜色:

       页面:body标记的background-color属性   背景色进行页面分块

    2、背景图片:

       页面:background-image:url();   重复:background-repeat:repeat-y(垂直方向)   位置:background-position : 30px 25px;   固定:background-attachment:fixed。

    3、样式综合设置:

    总结:

        学习完了之后,感觉有好多的东西,并且也体会到了CSS深奥之处,瞬间对它的仰慕高了许多,相信等我将后面的部分总结完之后肯定会对CSS有一个大概了解,然后就是以后在实践中换个角度去了解它了.

  • 相关阅读:
    redis面试题总结
    TP5隐藏index.php
    php四种文件加载语句
    【Redis缓存机制】1.Redis介绍和使用场景
    Linux cpufreq 机制了解 arm
    数码设备发展的核心:分离,互联网营销 狼人:
    豆瓣:“慢公司”,互联网营销 狼人:
    互联网周刊:互联网进化论,互联网营销 狼人:
    怀念中国雅虎:技术文化和惨淡命运,互联网营销 狼人:
    菜鸟玩GAE(Google App Engine)完全指南,互联网营销 狼人:
  • 原文地址:https://www.cnblogs.com/lznzxy/p/10098138.html
Copyright © 2011-2022 走看看