首页
关于
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 Fonts(字体)
暂无简介
2018年03月24日
126 阅读
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日
140 阅读
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日
114 阅读
0 评论
0 点赞
2018-03-24
CSS Table(表格)
CSS 列表样式(ul)CSS 盒子模型 CSS 表格使用 CSS 可以使 HTML 表格更美观。 Company Contact Country Alfreds Futterkiste Maria Anders Germany Berglunds snabbköp Christina Berglund Sweden Centro comercial Moctezuma Francisco Chang Mexico Ernst Handel Roland Mendel Austria Island Trading Helen Bennett UK Königlich Essen Philip Cramer Germany Laughing Bacchus Winecellars Yoshi Tannamuri Canada Magazzini Alimentari Riuniti Giovanni Rovelli Italy North/South Simon Crowther UK Paris spécialités Marie Bertrand France The Big Cheese Liz Nixon USA Vaffeljernet Palle Ibsen Denmark 表格边框指定CSS表格边框,使用border属性。下面的例子指定了一个表格的Th和TD元素的黑色边框:实例table, th, td{border: 1px solid black;}尝试一下 »请注意,在上面的例子中的表格有双边框。这是因为表和th/ td元素有独立的边界。为了显示一个表的单个边框,使用 border-collapse属性。折叠边框border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开:实例table{border-collapse:collapse;}table,th, td{border: 1px solid black;}尝试一下 »表格宽度和高度Width和height属性定义表格的宽度和高度。下面的例子是设置100%的宽度,50像素的th元素的高度的表格:实例table{width:100%;}th{height:50px;}尝试一下 »表格文字对齐表格中的文本对齐和垂直对齐属性。text-align属性设置水平对齐方式,像左,右,或中心:实例td{text-align:right;}尝试一下 »垂直对齐属性设置垂直对齐,比如顶部,底部或中间:实例td{height:50px;vertical-align:bottom;}尝试一下 »表格填充如果在表的内容中控制空格之间的边框,应使用td和th元素的填充属性:实例td{padding:15px;}尝试一下 »表格颜色下面的例子指定边框的颜色,和th元素的文本和背景颜色:实例table, td, th{border:1px solid green;}th{background-color:green;color:white;}尝试一下 »更多实例制作一个个性表格这个例子演示了如何创建一个个性的表格。设置表格标题的位置这个例子演示了如何定位表格标题。
2018年03月24日
171 阅读
0 评论
0 点赞
2018-03-24
CSS 盒子模型
CSS Table(表格)CSS Border(边框) CSS 盒子模型CSS 盒子模型(Box Model)所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model):不同部分的说明: Margin(外边距) - 清除边框外的区域,外边距是透明的。 Border(边框) - 围绕在内边距和内容外的边框。 Padding(内边距) - 清除内容周围的区域,内边距是透明的。 Content(内容) - 盒子的内容,显示文本和图像。 为了正确设置元素在所有浏览器中的宽度和高度,你需要知道的盒模型是如何工作的。元素的宽度和高度重要: 当您指定一个CSS元素的宽度和高度属性时,你只是设置内容区域的宽度和高度。要知道,完全大小的元素,你还必须添加填充,边框和边距。.下面的例子中的元素的总宽度为300px:实例div{width:300px;border:25pxsolidgreen;padding:25px;margin:25px;}尝试一下 »让我们自己算算:300px (宽)+ 50px (左 + 右填充)+ 50px (左 + 右边框)+ 50px (左 + 右边距)= 450px试想一下,你只有250像素的空间。让我们设置总宽度为250像素的元素:实例div{width:220px;padding:10px;border:5pxsolidgray;margin:0;}尝试一下 »最终元素的总宽度计算公式是这样的:总元素的宽度=宽度+左填充+右填充+左边框+右边框+左边距+右边距元素的总高度最终计算公式是这样的:总元素的高度=高度+顶部填充+底部填充+上边框+下边框+上边距+下边距浏览器的兼容性问题一旦为页面设置了恰当的 DTD,大多数浏览器都会按照上面的图示来呈现内容。然而 IE 5 和 6 的呈现却是不正确的。根据 W3C 的规范,元素内容占据的空间是由 width 属性设置的,而内容周围的 padding 和 border 值是另外计算的。不幸的是,IE5.X 和 6 在怪异模式中使用自己的非标准模型。这些浏览器的 width 属性不是内容的宽度,而是内容、内边距和边框的宽度的总和。虽然有方法解决这个问题。但是目前最好的解决方案是回避这个问题。也就是,不要给元素添加具有指定宽度的内边距,而是尝试将内边距或外边距添加到元素的父元素和子元素。IE8 及更早IE版本不支持设置填充的宽度和边框的宽度属性。解决IE8及更早版本不兼容问题可以在HTML页面声明 <!DOCTYPE html>即可。
2018年03月24日
125 阅读
0 评论
0 点赞
1
...
52
53
54
...
99