zoukankan      html  css  js  c++  java
  • CSS基础

    简介
      CSS是Cascading Style Sheets(层叠样式表单)的简称。更多的人把它称作样式表。顾名思义,它是一种设计网页样式的工具。借助CSS的强大功能,网页将在您丰富的想象力下千变万化。 
      实际上CSS的代码都是由一些最基本的语句构成的。它的基本语句的结构是这样的:
      选择符{属性:属性值}
            例:div{width:200;filter:blur(add=true,direction=35,strengh=20);} 
      在上面的语句中,DIV是选择符,选择符可以是HTML中任何的标识符,比如P、DIV、IMG甚至BODY都可以作为选择符。
      这里用DIV做选择符,就是说在HTML中,编辑在<DIV>中的页面格式将以上面语句中大括号内定义的格式显示。
      括号内的WIDTH和FILTER就是属性。
      WIDTH定义了DIV区域内的页面的宽度,200是属性值。
      FILTER定义了滤镜属性,BLUR是它的属性值,该属性值产生的是一种模糊效果,其小括号内定义的是BLUR属性值的一些参数。
      ADD参数有两个值:True和False。分别指定图片是否被设置成模糊效果。
      Direction参数是用来设置模糊的方向。0度代表垂直向上,然后每45度一个单位,例子中的135代表底部向右135度,每一个度数单位都代表一个模糊方向,如果您感兴趣的话,可以参照后面的讲解中详细的参数设定。
      Strengh代表有多少像素的宽度将受到模糊影响,参数值是用整数来设置的。 
     一,独立编辑好的CSS文档怎样加入到HTML文档中呢?
    1,把CSS文档放到<head>文档中:
      <style type=“text/css”> …… </style>
      其中<style>中的“type=‘text/css’”的意思是<style>中的代码是定义样式表单的。
    2,把CSS样式表写在HTML的行内,比如下面的代码:
      <p style=“font-size:14pt;color:blue”>蓝色14号文字</p>
      这是采用<Style=“ ”>的格式把样式写在html中的任意行内,这样比较方便灵活。
    3,还有一种方法是:把您编辑好的CSS文档保存成“.CSS”文件,然后在<head>中定义。定义的格式是这样的:
      <head> <link rel=stylesheet href=“style.css”> …… </head>
           我们看到这里应用了一个<Link>,“rel=stylesheet”指连接的元素是一个样式表(stylesheet)文档。一般这里是不需要您改动而后面的“href=‘style.css’”指的是需要连接的文件地址。您只需把编辑好的“.CSS”文件的详细路径名写进去就可以了。这种方法非常适宜同时定义多个文档。它能使多个文档同时使用相同的样式,从而减少了大量的冗余代码。

  • 相关阅读:
    openstack对接VMware浅析
    一键部署 Docker Datacenter ---简化docker数据中心安装步骤
    基于Kubernetes(k8s)网络方案演进
    kubernetes1.4 基础篇:Learn Kubernetes 1.4 by 6 steps
    使用Netsil监控Kubernetes上的微服务
    Kubernetes(k8s)容器运行时(CRI)
    在Openstack上创建并访问Kubernetes集群
    html5--canvas绘制简单的时钟
    html5——canva 绘图1简单图形
    html5 兼容火狐 ev的事件
  • 原文地址:https://www.cnblogs.com/newblog/p/380389.html
Copyright © 2011-2022 走看看