css样式lighter的意思,css常用的属性

CSS——属性值篇

display：　none | block | inline(默认值) | inline-block(css2新增) | inherit

none :此元素不会再显示 {注：虽然visibility也是隐藏，但是他隐藏之后在页面上还是占位的，而display：none在页面上是不占位的}

block:块元素，独占一行

inline:行内元素，没有宽高，内容的多少就是他的宽高，也会是display的默认值

inline-block:行内块元素，可以把一个元素转换成行内块元素，同时具有block和inline的特性

inherit:继承，继承父元素的

display还有其他的

display：table | inline-table | table-header-group | table-row-group | table-footer-group | table-row| table-column-group | table-column | table-cell | table-caption

table:块级表格来显示(类似

inline-table:内联表格来显示(类似

table-header-group:一个或多个行的分组来显示(类似 )

table-row-group:一个或多个行的分组来显示(类似

)

table-footer-group:一个或多个行的分组来显示(类似

)

table-row:一个表格行显示(类似

)

table-column-group:一个或多个列的分组来显示(类似

)

table-column:一个单元格列显示(类似

)

table-cell:一个表格单元格显示(类似

和 )

table-caption:一个表格标题显示(类似

)

margin (外边距): 上 右 下 左(值可以为像素，也可以为百分比)

margin-left:元素距离左边的距离

margin-right:元素距离右边的距离

margin-top:元素距离上边的距离

margin-bottom:元素距离下边的距离

注：让一个元素居中的方法

#margin{margin:0 auto;}

position: static | relative | absolute | fixed |inherit

static:静态

relative:相对定位

相对定位的元素仍在文档流之中，并按照文档流中的顺序进行排列；

参照物为元素本身的位置；

“left:20” 会向元素的 LEFT 位置添加 20 像素;

常用的用途为改变元素层级和设置为绝对定位的参照物；

absolute:绝对定位

建立以包含块为基准的定位，其随即拥有偏移属性和 z-index 属性;

默认宽度为内容宽度;

脱离文档流;

参照物为第一个定位祖先或根元素(元素);

元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。

fixed:固定定位

默认宽度为内容宽度

脱离文档流

参照物为视窗

元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定.

tip:任何元素都可以定位，一个元素加上绝对或固定定位后就自动转变为块级元素

css常用文本属性

[CSS常用文本属性] 1. 字体.字号类: ① font-weight: 字体粗细. bold-加粗.normal-正常.lighter-细体 也可以使用100-900数值,400表示normal, …

CSS常用样式属性

1.CSS字体和文本相关属性 属性 font-family 规定文本的字体系列,比如:“serif” ”sans-serif” font-size 规定文本的字体尺寸 font-style …

css常用样式属性详细介绍

对于初学css的来说,肯定会觉得这么多样式不好记,而且记住了也容易忘,其实刚开始我们不用去记这么多的样式,确实是记了也会忘,刚开始只需记住一些常用的就可以了,然后在慢慢的使用过程当中接触并学习一些高级 …

css常用的属性方法 上篇

自己是从java后台自学转前端的,所以平时一些简单的css+html就不写了,列出的都是新手常用的一些属性,会持续更新,大神勿喷,留给新手做个参考! 尤其是跟我一样自学前端的.     背景关联 ba …

如何设置文本不换行省略号显示等CSS常用文本属性

如何让多余的文本省略号显示首先要说几个属性的作用: whitespace:nowrap 中文行末不断行显示 overflow: 控制超出文本的显示方式:hidden 超出范围文本隐藏:scroll 始 …

CSS常用的属性命名

页头:header   如:#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法 登录条:loginBar         标志:logo   …

css 常用的属性

box-shadow: 10px 10px 5px #000000;  //给元素添加阴影 使用伪元素after要注意加上content属性 例如:.log:after{ content:” …

CSS基本属性—文本属性和背景属性

一.CSS常用文本属性 [css中的颜色表示方式]   1.直接使用颜色的单词表示:red.green.blue    2.使用颜色的十六进制表示:#ff0000,#00ff00:    六位数,两两 …

[Web 前端] 010 css 常用的边框设置

css 常用边框属性 概览 参数 释义 border u设置边框属性(可以多个) border-color 边框颜色 border-style 边框样式solid 实线,dotted 点状线,dash …

随机推荐

简单的JS多物体的运动—运动和透明度的变化

python–切片–6

原创博文,转载请标明出处–周学伟http://www.cnblogs.com/zxouxuewei/ 一.对list进行切片 取一个list的部分元素是非常常见的操作.比如,一个list如下: &g …

Linux下iftop网卡流量监控使用

在类linux系统中可以使用top查看系统资源.进程.内存占用等信息.查看网络状态可以使用netstat.nmap等工具.若要查看实时的网络流量,监控TCP/IP连接等,则可以使用iftop. 一.i …

VBS基础篇 – 队列

VBS中的队列需要使用System.Collections.Queue ‘建立队列 Dim Que : Set Que = CreateObject(“System.Collections. …

ssi(Server Side Includes)介绍

Server Side Includes (SSI) is a simple interpreted server-side scripting language used almost exclus …

SGI STL内存配置器存在内存泄漏吗？

阅读了SGI的源码后对STL很是膜拜,很高质量的源码,从中学到了很多.温故而知新!下文中所有STL如无特殊说明均指SGI版本实现. STL 内存配置器 STL对内存管理最核心部分我觉得是其将C++对象 …

solr服务的搭建(以solr4.1实现)

1.准备工作:一个干净的Tomcat,solr-4.10.3. 2.新建一个文件夹我这里命名为solr,将Tomcat和solr-4.10.3放进去.新建一个solrhome的文件夹,里面放的是sol …

我与android的缘分

android的开始 本人是一名大三的学生,大一大二主要学习的是php后台开发,在大一的时候做过一些小的网站系统,也参加过一些大学生计算机相关的比赛.这次开始着手于安卓开发,也是一时的兴起.因为跟我们 …

Luogu P3740 [HAOI2014]贴海报_线段树

线段树版的海报 实际上这个与普通的线段树相差不大,只是貌似数据太水,暴力都可以过啊 本来以为要离散的,结果没打就A了 #include #include

node.js安装express模块应用服务框架

1.创建工程文件夹case-04 2.在终端窗口进入文件夹目录,并输入:npm init,并一路回车,最后看到在case-04文件夹里自动生成了package.json 文件 3.打开vscode,进 …