zoukankan      html  css  js  c++  java
  • CSS样式表属性及定位布局

    CSS样式表在网站制作中是最常用到的布局方式,他的样式属性也是非常庞大非常多的,需要长时间的去练习、记忆。下面写一下在CSS中最常用到的一些基本的属性:

    一、CSS背景属性:

    1、background-color 背景颜色

    2、background-image 背景图片 背景图片需添加路径,即url后边添图片路径

    3、background-repeat 背景的平铺方式,no-repeat是不平铺,repeat-x是横向平铺,repeat-y是纵向平铺。

    4、background-position 背景图片的位置,有left,top,right等,可以随意设置

    5、background-attachment 背景图片是否滚动,需要与overflow:scroll配合使用。

    6、background-size 背景图片的大小,可以用像素表示。

    二、CSS字体属性:

    1、font-family 字体样式,一般用于添加外部字体。

    2、font-size 字体大小,不同于以前HTML的字体,这里的字体可以用像素表示。

    3、font-style 字体风格,如italic倾斜,normal不倾斜。

    4、font-weight 字体加粗,这里可以用数字表示,也可以选择small等。

    5、text-decoration  添加underline下划线、overline上划线、line-through删除线、none没有,用来去掉超链接的下划线。

    6、color 字体颜色

    三、对齐方式及边界边框

    1、text-align 水平对齐方式

    2、vertical-align 垂直对齐方式,需配合行高使用

    3、line-height 行高,在不是表格的时候一般用行高position

    4、text-indent 用来定义文本的缩进

    5、margin 外边距,上下左右都可以设置

    6、padding 内边距,上下左右可以设置

    7、border 后边写边框粗细,边框样式(实、虚)、边框颜色

    8、list-style 加none可以将列表前边的序号去掉

    9、list-style-image 可以将序号变为图片

    四、格式与布局

    1、position 是定位位置的,fixed是固定位置,相对于浏览器边框位置固定。absolute是绝对位置,相对于父级元素(浏览器,绝对定位的上级)。relative是相对位置,相对于自身应该出现的位置。

    2、float 是流布局的意思,在CSS样式表中经常使用,可以选择向左或向右。

    4、clear-both清掉流。

    5、z-index分层 控制DIV上下分层,值越大越考上。

  • 相关阅读:
    Unity 3(一):简介与示例
    MongoDB以Windows Service运行
    动态SQL中变量赋值
    网站发布IIS后堆栈追踪无法获取出错的行号
    GridView Postback后出错Operation is not valid due to the current state of the object.
    Visual Studio 2010 SP1 在线安装后,找到缓存在本地的临时文件以便下次离线安装
    SQL Server 问题之 排序规则(collation)冲突
    IIS 问题集锦
    linux下安装mysql(ubuntu0.16.04.1)
    apt-get update 系列作用
  • 原文地址:https://www.cnblogs.com/mengshenshenchu/p/6543138.html
Copyright © 2011-2022 走看看