CSS魔法(四)常用属性】的更多相关文章

一 CSS文字属性:color : #999999; /*文字颜色*/font-family : 宋体,sans-serif; /*文字字体*/font-size : 9pt; /*文字大小*/font-style:itelic; /*文字斜体*/font-variant:small-caps; /*小字体*/letter-spacing : 1pt; /*字间距离*/line-height : 200%; /*设置行高*/font-weight:bold; /*文字粗体*/vertical-a…
字体样式属性 font-size:字号大小 font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位.其中,相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少. 绝对单位可选参数值:xx-small | x-small | small | medium | large | x-large | xx-large|smaller | larger <!DOCTYPE html> <html lang="en"> <…
1.background-repeat 不用说,常用直接no-repeat 2.background-size 常用的分为两个,一个是铺满:cover, 另一个是使图像适应宽高:contain 3.background-position 设置图片所处的位置:left/right/bottom/top/center…
Infi-chu: http://www.cnblogs.com/Infi-chu/ CSS盒子模型    概念:CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容.盒模型允许我们在其它元素和周围元素边框之间的空间放置元素.    如下所示:        不同部分的说明:        Margin(外边距) - 清除边框外的区域,外边距是透明的.        Border(边框) - 围绕在内边距和内容外的边框.        Padding(内边距…
web工程师是最近5年刚刚兴起的一门高薪职业,人们的专注度越来越高. 那么前端除了学习html标签之外还需要掌握什么知识点呢? 为大家整理了一个和HTML标签密不可分的知识要点--<CSS样式常用属性> ******* CSS 常用属性 ********* z-index: auto (默认值) 检索或设置对象的层叠顺序. 并级的对象,此属性参数值越大,则被层叠在最上面. 如两个对象的此属性具有同样的值,那么将依据它们在HTML文档中流的顺序层叠,写在后面的将会覆盖前面的. 必须定义posit…
刚开始学习前段的我,还处于初级阶段,一些东西还是会有搞不明白的时候,还是要大家多多理解.今说就一些关于CSS的常用属性吧! 一.CSS常用选择器 CSS选择器应该说是一个非常重要的工具吧,选择器用得好坏可以直接关系到你代码书写的麻烦程度,简单来说就是CSS选择器用得好,实现相同的功能时所用到的代码就会少,这样做出来的网页代码就没有那么繁杂. 1.选择器的书写样式: 选择器中可以写多对CSS属性,用{}包裹,每个属性名与属性值之间用冒号分隔,多对属性名之间必须用分号分隔. 写法: 选择器{ 属性1…
1  背景相关 背景颜色 background-color     = 颜色名称/rgb值/十六进制值 背景图片 background-image = url('') 背景图片平铺方式 background-repeat   = repeat-x(仅水平平铺)  repeat-y(仅垂直平铺)  no-repeat(不平铺) 设置背景图片位置 background-position = 数字+单位/center/top/bottom/left/right   同上.  例如:50px 50px…
好程序员web前端分享css常用属性缩写,使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1; property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 pr…
目录: 1.1 设置样式的七个选择器 1.2 css常见属性浅析 1.3 css布局中常用方法 1.1 设置样式的七个选择器返回顶部 1.其中选择器介绍 1. 直接在标签里的style标签写样式 2. id选择器(名字以“#”号开头):       只能被某一个标签使用 3. class选择器(名字以“.”号开头):   可以被多个标签同时引用 4. 标签选择器:比如你设置一个div标签选择器,那么所有div默认都会使用这个样式 5. 层级选择器(用空格分隔):     span div{}  …
 ## css常用属性:             1:文本属性:                 文本大小:  font-size:18px;                 文本颜色    color:#ff0000                 文本类型:   font-family:'微软雅黑'                 文本加粗    font-weight:bold/bolder   normal 常规文本                 文本的倾斜  font-style: …
学习此连接的总结http://developer.51cto.com/art/201009/226158.htmcss样式表中四种属性选择器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:/…
css的常用属性包括以下几种: CSS 背景CSS 文本CSS 字体CSS 列表CSS 表格 1.CSS 背景 /*操作背景的属性 */ body{ /*background-color:#CCC; 设置背景颜色*/ background-image:url(2.jpg); background-repeat:no-repeat; /* 设置背图片是否要重复 */ background-position:370px 100px; /* 设置背景图片的位置, 第一个参数是左上角的左边距, 第二个参…
<!--为网页添加图标,写在头部--> <link rel="shortcut icon" href="favicon.ico(路径)" type="image/x-icon"> 表单fieldset legend定义表单元素的标题 from(供用户输入的表单) <from action="后台名" method="post/get" enctype="multipa…
这个同时需要. text-overflow  ;  overflow  ;  white-space ; width ;  四个属性才可以. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css实现省略号</title> <style type="text/css"> /…
背景属性: background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动 值: scroll 默认值.背景图像会随着页面其余部分的滚动而移动. fixed 当页面的其余部分滚动时,背景图像不会移动. background-color 设置背景色 值: color_name 规定颜色值为颜色名称的背景颜色(比如 red). hex_number 规定颜色值为十六进制值的背景颜色(比如 #ff0000). rgb_number 规定颜色值为 rgb 代码的背景颜色(比如…
在CSS和HTML结合布局页面的过程中,有一组被人们称为“盒属性”的CSS样式,被广泛的使用到.相信经常布局写页面的朋友们对盒属性一定不陌生.在CSS技术的发展过程中,盒属性也有了许多次改进,今天小编就为大家讲一讲盒属性中的CSS样式如何使用. 承接文章:通栏导航栏的制作,综合使用CSS属性,代码不超过30行 技术等级:初级 | 适合前端开发的初学者阅读学习. 希望收藏了这篇文章的你同时也可以关注一下“web前端edu”的微信号,因为这些文章都是连载的,并且是经过系统的归纳和总结的.塌下心来认真…
CSS 背景常用属性 background-color 这个属性过于简单, 以下写法均可 background-color:red; background-color:rgb(0,0,255); background-color:#ffffff; background-image 绝对路径.相对路径均可 background-image:url(...); background-repeat 配合上一个属性使用,表示图片是否平铺. repeat-x X轴平铺 background_repeat:…
UILabel的常用属性及方法:1.text //设置和读取文本内容,默认为nil label.text = @”文本信息”; //设置内容 NSLog(@”%@”, label.text); //读取内容 2.textColor //设置文字颜色,默认为黑色 lable.textColor = [UIColor redColor]; 3.font //设置字体大小,默认17 label.font = [UIFont systemFontOfSize:20]; //一般 label.font =…
前面提到text-indent属性,用来实现文本的缩进,今天的text-align使用率可比文本缩进高的多.拿自己现在做的项目上来说,水平居中和垂直居中估计是用到最多了,那我们就先看看它的语法吧! text-align 允许值 left| center | right | justify | 初始值 与用户代理有关 可否继承 是 适用于 块级元素 text-align是另一个只适应于块级元素的属性,如果你想居中某行中的一个链接或者图片,而不管行中剩余部分的对齐方式是行不通的.我们先通过下图整体感…
在CSS中,每个属性的属性值都有一定的范围,并且不同类型的属性值有不同的值.对于一个属性,必须取得正确的属性值,才能被浏览器正确地解释,因此一定要弄清每种类型的属性值范围.在CSS中属性一般有以下几种类型: 整数和实数.长度值.百分比值.URL和颜色 一.整数和实数 在CSS中,整数可以包括正整数.负整数和零,不能有小数.如果整数或小数后面带有单位px,表示像素.px叫像素,这是目前来说使用最为广泛的一种单位,1像素也就是屏幕上的一个小方格,这个通常是看不出来的.由于显示器有多种不同的大小,它的…
HTML 超链接<a> 1.超链接可以是一个字.一个词.一组词.一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分. 2.当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手. 3.标签<a> 中使用了href属性来描述链接的地址. 默认情况下,链接将以以下形式出现在浏览器中: 一个未访问过的链接显示为蓝色字体并带有下划线. 访问过的链接显示为紫色并带有下划线. 点击链接时,链接显示为红色并带有下划线. 注意:如果为这些超链接设置了 CSS 样式,展示样式…
导读:overflow属性一般用来隐藏超过div范围的元素,包括不隐藏(visible),直接隐藏(hidden),用滚动条隐藏(scroll),自动(aotu)这四个属性.当然overflow的用法并不是如此简单的理解,在很多制作网页的场合我们都需要用overflow,本文介绍overflow的四种常用属性值以及使用. 根据CSS的盒模型概念,页面中的每个元素,都是一个矩形的盒子.这些盒子的大小.位置和行为都可以用CSS来控制.对于行为,我的意思是当盒子内外的内容改变的时候,它如何处理. 比如…
CSS是我们常用的控制网页样式和布局的一种标准. CSS3是最新的CSS标准. CSS3被拆分为"模块",旧的规范也已经拆分为小的块,同时还增加了新的属性. 一些比较重要的CSS3的模块:选择器.盒模型.背景和边框.文字特效.2D/3D转换.动画等. CSS3边框: 使用用CSS3,可以创建圆角边框,添加阴影框,并作为边界的形象而不使用画面设计程序,如Photoshop等软件. CSS3圆角:border-radius属性--创建边框线的圆角 示例: 值的类型可以是像素,也可以为百分比…
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=48 引言:margin为css中非常常用的一个属性,其所包含的内容也是很多的.本文主要分三部分对margin做一些分析叙述,包括其属性,使用过程中会遇到的问题,以及一些高级应用等.对于JavaScript与margin的控制表达这里不叙述. 导航:一.margin的相关属性二.margin常见的问题1.IE6下双边距问题…
css入门二-常用样式总结 基本标签样式 背景色background-color 高度height; 宽度width; 边框对齐以及详细设定举例 width/*宽度*/: 80%; height/*高度*/: 48px; border/*边框*/:1px solid red; font-size/*字体大小*/: 26px; text-align/*左右居中*/: center; line-height/*根据标签高度自适应垂直居中*/: 48px; font-weight/*加粗*/: bol…
CSS里面的浮动属性是布局的常用工具,只有真正了解它并熟练使用才能将它的优点发挥到极致. 许多页面中都有文字绕图效果,并且各区块分布得错落有置,很多朋友在自学CSS布局时为了做出这些效果往往会被div只能独占一行的默认样式搞的头大,但使用了浮动属性,布局就变得简单.美观了. 任何元素都可以被浮动,段落标签<p>.<div>.<table>.<img>,甚至<span>.<b>.<h1>等等都可以,而且所有被定义为浮动的元素…
CSS 常用属性 text-shadow属性文字阴影:第一个值背景相对原本文字居左的距离,第二个值据当前文本上方的距离,第三个值清晰度(越小越清晰),第四个值颜色 word-wrap:自动换行,如果是英文的话,不会拆开文字…
********css样式之属性操作******** 一.文本属性 1.text-align:cnter 文本居中 2.line heigth 垂直居中 :行高,和高度对应 3.vertical-align 设置图片与文本的距离 4.text-decoration:none 去掉超链接下划线 5.要是给a标签修改颜色的时候,就定到a标签上,用继承有时候是搞不定的 因为继承的级别是很低的,如果a标签设置了样式,是不会继承父亲的 6.text-indent:30px 首行缩进 7.font-styl…
js进阶-9-3/4 form对象有哪些常用属性 一.总结 一句话总结: 1.一般html标签有哪些常用属性:name id value 2.form对象有哪些常用属性(特有):action method 1.注意: 1.element的属性可以取值,大部分也可以赋值的情况.属性存取两用.myformElement.method='post' 1.怎么实现将表单提交到不同的URL? 解答:用form的submit方法.function sendPage2(){                  …
html5常用属性text-shadow.vertical-align.background如何使用 一.总结 一句话总结: 1.text-shadow:[x轴(X Offset) y轴(Y Offset) 模糊半径(Blur) 颜色(Color)] 2.vertical-align注意语义, 注意父元素的基线 3.background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center; 4.background:  transparent…