css基础学习--尺寸与框模型、背景色、文本

原创 2017年01月02日 23:51:37

尺寸与框模型

尺寸:

       width

       height

       overflow:visible|hidden|scroll|auto当内容溢出元素框时如何处理  

边框:

       border:widthstyle color    当然也可以通过border-left|right|top|bottom进行单边定义,通过border-width,border-style,border-color进行单属性定义。

框模型:

       框模型(Box Model)定义了元素框处理元素内容、内边距、边框和外边框的方式。

内边距padding:  内容与框线之间的距离

外边距margin: 与下一个元素之间的空间量,这里margin可以取值为auto,由浏览器计算外边框。例如,div{margin:0 auto;}可以设置div的居中。

 

背景色

background-color 为元素设置背景色

background-image:url(…)  背景图片

background-repeat:repeat|repeat-x|repeat-y|no-repeat  默认情况下,背景图像在水平和垂直方向上重复出现,可以设置其重复方向

background-position 改变图像在背景中的位置(center设置居中)

background-attachment:scroll|fixed 背景图片的固定。默认情况下,背景图片会随着页面的滚动而滚动,fixed可以设置背景图片固定,常用于实现称为水印的图像。

 

文本格式化

   font-family:value1, value2

   font-size:value 

   font-weight

   color:value   文本颜色

   text-align:left|right|center  文本排列

   text-decoration:none/underline

   line-height:value   行高

   text-indent 首行文本缩进

div+css实现简单的弹出窗(背景变灰色)

自己做了一个网站,需要用到弹出框的功能,以前没做过这个,就去网上查了下资料,然后试着写了一个最简单的弹出框效果。 需求:点击弹出框按钮,在原页面基础上弹出一个弹出框,并且背景要变成灰色,原页面不能被...
  • leedaning
  • leedaning
  • 2015年05月26日 14:24
  • 7917

css样式基础之盒子模型

CSS中, Box Model叫盒子模型(或框模型),Box Model规定了元素框处理元素内容(element content)、内边距(padding)、边框(border) 和 外边距(marg...
  • u011006044
  • u011006044
  • 2016年09月07日 16:11
  • 454

统计自然语言处理基础学习笔记(8)——文本分析

自然语言处理的目的是为了更好的分析人类语言,让机器能够理解人类的语言。随着互联网的兴起,人们越来越多的参与网络社区活动,人们在网络社区发言的机会越来越多,文本分析的需求也越来越迫切。而依靠人工去分析这...
  • dqjyong
  • dqjyong
  • 2014年03月02日 22:05
  • 3715

理解CSS内联元素的框模型

这是原文地址 题外话:我觉得人们常说的盒子模型(box model),其实还不如翻译成框模型。 网页中,每一个元素都被渲染成一个矩形框,根据元素的dispaly属性,可以把这个矩形框分成块级框和内...
  • dhassa
  • dhassa
  • 2017年02月25日 15:46
  • 610

WEB前端学习 Day 1(DIV+盒子模型+CSS文本+实例)

关于html,用得最多的就是DIV。所以先把DIV学好,搞懂他的一些特性。其次,文字在一个网页里面也是很重要的,所以先学CSS文本。从html下手,那么,DIV是什么? DIV就是一个块,在DIV里...
  • sdanfy
  • sdanfy
  • 2015年10月22日 01:20
  • 2293

CSS Display属性与盒模型

因为HTML流式文档的特性,页面布局往往是新手最为头疼的问题之一。 每个HTML元素都会渲染为一个Box,可分为inline Box和block Box。 根据display属性的不同,Box的呈现方...
  • yangjvn
  • yangjvn
  • 2015年08月11日 16:11
  • 1259

CSS框模型学习笔记

仅仅是自己对着W3CSchool整理的一些 CSS 基础知识点,敲一遍加深下印象也方便以后复习。 CSS框模型概述 CSS框模型规定了元素框处理元素内容、内边距、边框和外边距的方式...
  • kuyeluofan
  • kuyeluofan
  • 2014年12月05日 14:27
  • 312

CSS基础(三)基础框模型

CSS 框模型概述 由图可知一般框模型由四个元素构成由外到内是:margin(外边距),border(边框),padding(内边距),element(元素) 一.外边距 看例子:h...
  • baiyangjiaqing
  • baiyangjiaqing
  • 2017年08月01日 13:41
  • 72

TensorFlow深度学习笔记——文本与序列的深度模型

from: http://www.36dsj.com/archives/54481 与其他机器学习不同,在文本分析里,陌生的东西(rare event)往往是最重要的,而最常见的东西往往是最不重...
  • mydear_11000
  • mydear_11000
  • 2016年09月02日 15:30
  • 1699

CSS3(二)—— CSS3框模型

通过 CSS3,您能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框 - 并且不需使用设计软件,比如 PhotoShop。 在本章中,您将学到以下边框属性: border-radius box-sh...
  • helloliuhai
  • helloliuhai
  • 2014年03月10日 11:44
  • 1337
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css基础学习--尺寸与框模型、背景色、文本
举报原因:
原因补充:

(最多只允许输入30个字)