样式表中的样式及其布局常用标签

样式表中的样式及其布局
1.大小:width宽度,height高度。
2.背景:backgrpund-color,backgrpund-image,backgrpund-repeat,backgrpund-position,backgrpund-attachment,backgrpund-size。
3.字体:font-family,font-size,font-style,font-weight,text-decoration:(underline,overline,lin-through,none),color字体颜色。
4.对齐方式:text-aling,line-height,vertical-aling,text-indent缩进单位像素。
5.边界边框:margin,外边距:上右下左,padding,内边距,如果加了内边距,该元素会相应变大。border边框:1px solid #60f相应表示边框粗细,边框样式,边框颜色。
6.列表方块:list-style(none)把列表钱的序号去掉,list-style-image把前面的序号改为图片。
格式与布局
1.位置:position(fixed相对于浏览器边框位置固定,absolute绝对位置相对于父级元素:浏览器绝对定位的上级),relative相对位置,相对于自身应该出现的位置。top,right,left,bottom,上左下右。
2.流:float-left向左流,float-right向右流。clear-both清掉流。z-index分层:其index的值越大其位置越靠上。
其他
display显示block和隐藏none,不占位置。visibility显示visible和隐藏hidden,占位置。overflow超出范围 hidden隐藏。

透明opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50)
圆角border-radius:5px;
阴影box-shadow:0 0 5px white;

时间: 2024-10-10 15:07:33

样式表中的样式及其布局常用标签的相关文章

css样式表中的样式覆盖顺序

css样式表中的样式覆盖顺序 - - ITeye技术网站http://spartan1.iteye.com/blog/1526735 重点归纳: 查找一些教材中(w3schools等),只说css的顺序是“元素上的style”>“文件头上的style元素”>“外部样式文件”,但对于样式文件中的多个相同样式的优先级怎样排列,没有详细说明.经过测试和继续搜索,得知优先级如下排列: 或者以下也可以称之为一些优先原则(by liwei 20140803) 1.样式表的元素选择器选择越精确,则其中的样式

Andriod React Native 样式表中可用样式属性

写了这么多篇Android React Native的博文,基本上把复杂的东西都搞定了,接下来来看看一些轻松的东西,和布局有关,就是css样式,那么一个View可以设置哪些css样式呢,是和web中的css样式完全一样呢,还是有所不同呢?其实你只要在样式表中书写一个不存在的样式,就会报一大堆错,提示你该样式不存在,然后提供所有可用的样式给你,如图 下面的样式就是样式表中所有可用的属性. "alignItems", "alignSelf", "backfac

css样式表中的样式覆盖顺序(转)

转自:http://spartan1.iteye.com/blog/1526735 有时候在写CSS的过程中,某些限制总是不起作用,这就涉及了CSS样式覆盖的问题,如下 Css代码 #navigator { height: 100%; width: 200; position: absolute; left: 0; border: solid 2 #EEE; } .current_block { border: solid 2 #AE0; } 查找一些教材中(w3schools等),只说css的

css样式表中设置table的第一列的宽度是固定值

table{table-layout:fixed;}table tr td:first-child,table tr td:first-child{width:120px;} 首行第一个td定宽同列的宽度都会和他一样. *注意 第一行 第一个用的是 td 还是 th css样式表中设置table的第一列的宽度是固定值,布布扣,bubuko.com

css样式表中四种属性选择器

css样式表中四种属性选择器1> 简易属性 tag[class]{ font-weight:bold } It will affect all tag with any class. e.g. <h2 class="old" > or <h2 class="new"> 2>精确属性值 a[href="http://www.cnblogs.cn"][title="textTitle"]{fon

自定义类StyleSheet跨浏览器操作样式表中的规则

这是群里网友地瓜提供的一个类,不熟悉样式的浏览器差异的可以看看 /** * Stylesheet.js: utility methods for scripting CSS stylesheets. * * This module defines a Stylesheet class that is a simple wrapper * around an element of the document.styleSheets[] array. It defines useful * cross

在XSLT样式表中插入VBScript脚本进行数学计算

继上次我写了篇文章<在XSLT样式表中使用莱布尼兹级数计算π的近似值>后,我发现在XSLT中使用模板的递归调用,有下面两个缺点:1)易读性差,有失灵活:2)效率低下.因此,我又想了一个新的策略实现在XSLT中的一些复杂的计算工作,这就是在XSLT中嵌入脚本,本文以VBScript为例描述了这一过程 现有XML文档pi.xml如下: <?xml version="1.0" encoding="utf-8"?> <?xml-styleshe

CSS 样式表中padding 的用法

CSS中padding 描述的是内边距的意思,margin是外边距.QSS中同样的道理. 1. padding表示内边距的意思,margin---外边距.2. CSS的 padding 属性定义元素边框与元素内容之间的空白区域.3. padding 接受长度值或百分比值,但不允许使用负值.4. 示例:如果希望所有内边距都是10 像素,只需要设置:padding:10px; 就可以了.5. 也可以分别设置4个边的内边距,只需通过它们的单独属性,分别设置上.右.下.左内边距:* padding-to

如何使用 `PostCSS` 在样式表中处理图片

原文链接: https://css-tricks.com/images-in-postcss 本文摘自guest网Aleks Hudochenkov.Aleks 在这里给我们展示了POSTCSS在前端开发中,所擅长的领域. 也就是,越少的去用CSS.你即将看到各种与处理图像的PostCSS插件.最后,我敢肯定你能够想像POSTCSS在CSS中的重要性. 我们平时也一直在用CSS处理图片.但我们甚至可能没有意识到这一点,如果我们能替代手工操作的话,那很多事情就会容易很多 .我将为你展示很多POST