首页
关于
test
搞笑视频
友情链接
更多
文章归档
推荐
资料下载
备份站1
备份站2
备份站3
备份站4
备份站5
备份站6
Search
1
centos 32位 64位 下挂vagex一键包代码
714 阅读
2
wordpress转typecho方法
615 阅读
3
一个自制的virto精简版kvm qemu win2003模板 最低64M内存可用
604 阅读
4
PHP 安装
532 阅读
5
暴雨 车被泡了~
475 阅读
默认分类
vps综合利用
登录
/
注册
Search
标签搜索
Uncategorized
安装
mysql
utf-8
网站
google
linux
free
免费
黑色
ssl
一键包
优化
40%
press
vagex
32位
64位
debian
domain
御品VPS
累计撰写
500
篇文章
累计收到
1
条评论
首页
栏目
默认分类
vps综合利用
页面
关于
test
搞笑视频
友情链接
文章归档
推荐
资料下载
备份站1
备份站2
备份站3
备份站4
备份站5
备份站6
搜索到
493
篇与
admin
的结果
2018-03-24
CSS 语法
CSS 简介CSS Id 和 Class选择器 CSS 语法实例 查看 实例 1 查看 实例 2 CSS 实例CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明:选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。CSS 实例CSS声明总是以分号(;)结束,声明组以大括号({})括起来:p {color:red;text-align:center;}为了让CSS可读性更强,你可以每行只描述一个属性:实例p{color:red;text-align:center;}尝试一下 »CSS 注释注释是用来解释你的代码,并且可以随意编辑它,浏览器会忽略它。CSS注释以 "/*" 开始, 以 "*/" 结束, 实例如下:/*这是个注释*/p{text-align:center;/*这是另一个注释*/color:black;font-family:arial;}
2018年03月24日
97 阅读
0 评论
0 点赞
2018-03-24
CSS Id 和 Class选择器
CSS 语法CSS 创建 CSS Id 和 Classid 和 class 选择器如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器。id 选择器id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。以下的样式规则应用于元素属性 id="para1":实例#para1{text-align:center;color:red;}尝试一下 » ID属性不要以数字开头,数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。class 选择器class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示:在以下的例子中,所有拥有 center 类的 HTML 元素均为居中。实例.center{text-align:center;}尝试一下 »你也可以指定特定的HTML元素使用class。在以下实例中, 所有的 p 元素使用 class="center" 让该元素的文本居中:实例p.center{text-align:center;}尝试一下 » 类名的第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 中起作用。
2018年03月24日
120 阅读
0 评论
0 点赞
2018-03-24
CSS 创建
CSS Id 和 Class选择器CSS Backgrounds(背景) CSS 创建当读到一个样式表时,浏览器会根据它来格式化 HTML 文档。如何插入样式表插入样式表的方法有三种: 外部样式表(External style sheet) 内部样式表(Internal style sheet) 内联样式(Inline style) 外部样式表当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。 <link> 标签在(文档的)头部:<head><linkrel="stylesheet"type="text/css"href="mystyle.css"></head>浏览器会从文件 mystyle.css 中读到样式声明,并根据它来格式文档。外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的 html 标签。样式表应该以 .css 扩展名进行保存。下面是一个样式表文件的例子:hr{color:sienna;}p{margin-left:20px;}body{background-image:url("/images/back40.gif");} 不要在属性值与单位之间留有空格(如:"margin-left: 20 px" ),正确的写法是 "margin-left: 20px" 。内部样式表当单个文档需要特殊的样式时,就应该使用内部样式表。你可以使用 <style> 标签在文档头部定义内部样式表,就像这样:<head><style>hr {color:sienna;} p {margin-left:20px;} body {background-image:url("images/back40.gif");}</style></head>内联样式由于要将表现和内容混杂在一起,内联样式会损失掉样式表的许多优势。请慎用这种方法,例如当样式仅需要在一个元素上应用一次时。要使用内联样式,你需要在相关的标签内使用样式(style)属性。Style 属性可以包含任何 CSS 属性。本例展示如何改变段落的颜色和左外边距:<pstyle="color:sienna;margin-left:20px">这是一个段落。</p>多重样式如果某些属性在不同的样式表中被同样的选择器定义,那么属性值将从更具体的样式表中被继承过来。 例如,外部样式表拥有针对 h3 选择器的三个属性:h3{color:red;text-align:left;font-size:8pt;}而内部样式表拥有针对 h3 选择器的两个属性:h3{text-align:right;font-size:20pt;}假如拥有内部样式表的这个页面同时与外部样式表链接,那么 h3 得到的样式是:color:red;text-align:right;font-size:20pt;即颜色属性将被继承于外部样式表,而文字排列(text-alignment)和字体尺寸(font-size)会被内部样式表中的规则取代。多重样式优先级样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中,在 HTML 页的头元素中,或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。一般情况下,优先级如下:内联样式)Inline style > (内部样式)Internal style sheet >(外部样式)External style sheet > 浏览器默认样式<head><!--外部样式 style.css--><linkrel="stylesheet"type="text/css"href="style.css"/><!--设置:h3{color:blue;}--><styletype="text/css">/* 内部样式 */ h3{color:green;}</style></head><body><h3>测试!</h3></body>注意:如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式。
2018年03月24日
110 阅读
0 评论
0 点赞
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日
114 阅读
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日
126 阅读
0 评论
0 点赞
1
...
51
52
53
...
99