首页
关于
友情链接
文章归档
Search
1
centos 32位 64位 下挂vagex一键包代码
719 阅读
2
wordpress转typecho方法
615 阅读
3
一个自制的virto精简版kvm qemu win2003模板 最低64M内存可用
605 阅读
4
PHP 安装
540 阅读
5
暴雨 车被泡了~
483 阅读
默认分类
vps综合利用
登录
/
注册
Search
标签搜索
Uncategorized
安装
mysql
utf-8
网站
google
linux
free
免费
黑色
ssl
一键包
优化
40%
press
vagex
32位
64位
debian
domain
御品VPS
累计撰写
501
篇文章
累计收到
1
条评论
首页
栏目
默认分类
vps综合利用
页面
关于
友情链接
文章归档
搜索到
216
篇与
御品VPS,独特的心情尽在御品VPS,VPS教程,VPS优惠,网络编程,PHP教程,PYthon教程,VPS综合利用,修身养性,修炼功法
的结果
2018-03-24
CSS Backgrounds(背景)
CSS 创建CSS Text(文本) CSS 背景CSS 背景属性用于定义HTML元素的背景。CSS 属性定义背景效果:background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position背景颜色background-color 属性定义了元素的背景颜色.页面的背景颜色使用在body的选择器中:实例body {background-color:#b0c4de;} RGB - 如:"rgb(255,0,0)" 颜色名称 - 如:"red" 以下实例中, h1, p, 和 div 元素拥有不同的背景颜色:实例h1 {background-color:#6495ed;}p {background-color:#e0ffff;}div {background-color:#b0c4de;}尝试一下 »背景图像background-image 属性描述了元素的背景图像.默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体.页面背景图片设置实例:实例body {background-image:url('paper.gif');}尝试一下 »下面是一个例子是一个糟糕的文字和背景图像组合。文本可读性差:实例body {background-image:url('bgdesert.jpg');}尝试一下 »背景图像 - 水平或垂直平铺默认情况下 background-image 属性会在页面的水平或者垂直方向平铺。一些图像如果在水平方向与垂直方向平铺,这样看起来很不协调,如下所示: 实例body{background-image:url('gradient2.png');}尝试一下 »如果图像只在水平方向平铺 (repeat-x), 页面背景会更好些:实例body{background-image:url('gradient2.png');background-repeat:repeat-x;}尝试一下 »背景图像- 设置定位与不平铺 让背景图像不影响文本的排版如果你不想让图像平铺,你可以使用 background-repeat 属性:实例body{background-image:url('img_tree.png');background-repeat:no-repeat;}尝试一下 »以上实例中,背景图像与文本显示在同一个位置,为了让页面排版更加合理,不影响文本的阅读,我们可以改变图像的位置。可以利用 background-position 属性改变图像在背景中的位置:实例body{background-image:url('img_tree.png');background-repeat:no-repeat;background-position:right top;}尝试一下 »背景- 简写属性在以上实例中我们可以看到页面的背景颜色通过了很多的属性来控制。为了简化这些属性的代码,我们可以将这些属性合并在同一个属性中.背景颜色的简写属性为 "background":实例body {background:#ffffff url('img_tree.png') no-repeat right top;}尝试一下 »当使用简写属性时,属性值的顺序为:: background-color background-image background-repeat background-attachment background-position 以上属性无需全部使用,你可以按照页面的实际需要使用.这个实例使用了先前介绍的CSS,你可以查看相应实例: CSS 实例更多实例如何设置固定的背景图像本例演示如何设置固定的背景图像。图像不会随着页面的其他部分滚动。CSS 背景属性 Property 描述 background 简写属性,作用是将背景属性设置在一个声明中。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。 background-color 设置元素的背景颜色。 background-image 把图像设置为背景。 background-position 设置背景图像的起始位置。 background-repeat 设置背景图像是否及如何重复。
2018年03月24日
116 阅读
0 评论
0 点赞
2018-03-24
CSS Text(文本)
CSS Backgrounds(背景)CSS Fonts(字体) CSS 文本格式文本格式This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from the "尝试一下" link.文本颜色颜色属性被用来设置文字的颜色。颜色是通过CSS最经常的指定: 十六进制值 - 如: #FF0000 一个RGB值 - 如: RGB(255,0,0) 颜色的名称 - 如: red 参阅 CSS 颜色值 查看完整的颜色值。一个网页的背景颜色是指在主体内的选择:实例body{color:red;}h1{color:#00ff00;}h2{color:rgb(255,0,0);}尝试一下 » 对于W3C标准的CSS:如果你定义了颜色属性,你还必须定义背景色属性。文本的对齐方式文本排列属性是用来设置文本的水平对齐方式。文本可居中或对齐到左或右,两端对齐.当text-align设置为"justify",每一行被展开为宽度相等,左,右外边距是对齐(如杂志和报纸)。实例h1{text-align:center;}p.date{text-align:right;}p.main{text-align:justify;}尝试一下 »文本修饰text-decoration 属性用来设置或删除文本的装饰。从设计的角度看 text-decoration属性主要是用来删除链接的下划线:实例a{text-decoration:none;}尝试一下 »也可以这样装饰文字:实例h1{text-decoration:overline;}h2{text-decoration:line-through;}h3{text-decoration:underline;}尝试一下 » 我们不建议强调指出不是链接的文本,因为这常常混淆用户。文本转换文本转换属性是用来指定在一个文本中的大写和小写字母。可用于所有字句变成大写或小写字母,或每个单词的首字母大写。实例p.uppercase{text-transform:uppercase;}p.lowercase{text-transform:lowercase;}p.capitalize{text-transform:capitalize;}尝试一下 »文本缩进文本缩进属性是用来指定文本的第一行的缩进。实例p{text-indent:50px;}尝试一下 »更多实例指定字符之间的空间这个例子演示了如何增加或减少字符之间的空间。指定行与行之间的空间这个例子演示了如何指定在一个段落中行之间的空间设置元素的文本方向这个例子演示了如何改变元素的文本方向。增加单词之间的空白空间这个例子演示了如何增加一个段落中的单词之间的空白空间。在元素内禁用文字环绕这个例子演示了如何禁用一个元素内的文字环绕。垂直对齐图像这个例子演示了如何设置文本的垂直对齐图像。添加文本阴影这个例子演示了如何设置文本阴影。所有CSS文本属性。 属性 描述 color 设置文本颜色 direction 设置文本方向。 letter-spacing 设置字符间距 line-height 设置行高 text-align 对齐元素中的文本 text-decoratio n 向文本添加修饰 text-indent 缩进元素中文本的首行 text-shadow 设置文本阴影 text-transform 控制元素中的字母 unicode-bidi 设置或返回文本是否被重写 vertical-align 设置元素的垂直对齐 white-space 设置元素中空白的处理方式 word-spacing 设置字间距
2018年03月24日
127 阅读
0 评论
0 点赞
2018-03-24
CSS Fonts(字体)
暂无简介
2018年03月24日
127 阅读
0 评论
0 点赞
2018-03-24
CSS 链接(link)
CSS Fonts(字体)CSS 列表样式(ul) CSS 链接不同的链接可以有不同的样式。链接样式链接的样式,可以用任何CSS属性(如颜色,字体,背景等)。特别的链接,可以有不同的样式,这取决于他们是什么状态。这四个链接状态是: a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 实例a:link{color:#000000;}/*未访问链接*/a:visited{color:#00FF00;}/*已访问链接*/a:hover{color:#FF00FF;}/*鼠标移动到链接上*/a:active{color:#0000FF;}/*鼠标点击时*/尝试一下 »当设置为若干链路状态的样式,也有一些顺序规则: a:hover 必须跟在 a:link 和 a:visited后面 a:active 必须跟在 a:hover后面 常见的链接样式根据上述链接的颜色变化的例子,看它是在什么状态。让我们通过一些其他常见的方式转到链接样式:文本修饰text-decoration 属性主要用于删除链接中的下划线:实例a:link{text-decoration:none;}a:visited{text-decoration:none;}a:hover{text-decoration:underline;}a:active{text-decoration:underline;}尝试一下 »背景颜色背景颜色属性指定链接背景色:实例a:link{background-color:#B2FF99;}a:visited{background-color:#FFFF85;}a:hover{background-color:#FF704D;}a:active{background-color:#FF704D;}尝试一下 »更多实例添加不同样式的超链接这个例子演示了如何为超链接添加其他样式。高级 - 创建链接框这个例子演示了一个更高级的例子,我们结合若干CSS属性显示为方框。
2018年03月24日
142 阅读
0 评论
0 点赞
2018-03-24
CSS 列表样式(ul)
CSS 链接(link)CSS Table(表格) CSS 列表CSS列表属性作用如下: 设置不同的列表项标记为有序列表 设置不同的列表项标记为无序列表 设置列表项标记为图像 列表在HTML中,有两种类型的列表: 无序列表 - 列表项标记用特殊图形(如小黑点、小方框等) 有序列表 - 列表项的标记有数字或字母 使用CSS,可以列出进一步的样式,并可用图像作列表项标记。不同的列表项标记list-style-type属性指定列表项标记的类型是::实例ul.a{list-style-type:circle;}ul.b{list-style-type:square;}ol.c{list-style-type:upper-roman;}ol.d{list-style-type:lower-alpha;}尝试一下 »一些值是无序列表,以及有些是有序列表。作为列表项标记的图像要指定列表项标记的图像,使用列表样式图像属性:实例ul{list-style-image:url('sqpurple.gif');}尝试一下 »上面的例子在所有浏览器中显示并不相同,IE和Opera显示图像标记比火狐,Chrome和Safari更高一点点。如果你想在所有的浏览器放置同样的形象标志,就应使用浏览器兼容性解决方案,过程如下浏览器兼容性解决方案同样在所有的浏览器,下面的例子会显示的图像标记:实例ul{list-style-type:none;padding:0px;margin:0px;}ulli{background-image:url(sqpurple.gif);background-repeat:no-repeat;background-position:0px5px;padding-left:14px;}尝试一下 »例子解释: ul: 设置列表样式类型为没有删除列表项标记 设置填充和边距0px(浏览器兼容性) ul中所有li: 设置图像的URL,并设置它只显示一次(无重复) 您需要的定位图像位置(左0px和上下5px) 用padding-left属性把文本置于列表中 列表 -简写属性在单个属性中可以指定所有的列表属性。这就是所谓的简写属性。为列表使用简写属性,列表样式属性设置如下:实例ul{list-style:squareurl("sqpurple.gif");}尝试一下 »可以按顺序设置如下属性: list-style-type list-style-position (有关说明,请参见下面的CSS属性表) list-style-image 如果上述值丢失一个,其余仍在指定的顺序,就没关系。更多实例所有不同的列表项标记这个例子演示了所有不同的CSS列表项标记。所有的CSS列表属性 属性 描述 list-style 简写属性。用于把所有用于列表的属性设置于一个声明中 list-style-image 将图象设置为列表项标志。 list-style-position 设置列表中列表项标志的位置。 list-style-type 设置列表项标志的类型。
2018年03月24日
115 阅读
0 评论
0 点赞
1
...
21
22
23
...
44