【CSS教程之CSS的应用_基础教程】教程文章相关的互联网学习教程文章

什么是HTML相关介绍_基础教程

什么是HTML? 简单点说:HTML是用来做网页的。它很简单,在接下来的1~2分钟之内你就会跟着我用HTML做一个简单的网页。 复杂点说:HTML(HyperTextMarkupLanguage的缩写),即超文本链接标记语言。它是在互联网发布超文本文件(通常所说的网页)的通用语言。 什么是XHTML?更先进难懂的技术? 简单点说:X是吓唬人的,其实XHTML就是严谨而准确的HTML。如果说HTML是汉语,那么XHTML就是标准普通话。对于现在才刚刚开始学习网页设计的朋友...

CSS基础CSS选择符_基础教程

示例: *[lang=fr] { font-size:14px; width:120px; } *.div { text-decoration:none; } 2.类型选择符 语法: E { sRules } 说明: 类型选择符。以文档语言对象(Element)类型作为选择符。 示例: td { font-size:14px; width:120px; } a { text-decoration:none; } 3.属性选择符 语法: E [ attr ] { sRules } E [ attr = value ] { sRules } E [ attr ~= value ] { sRules } E [ attr |= value ] { sRules } 说明: 属性...

CSS的color颜色使用说明_基础教程

red红色 等同于 rgb(255,0,0) 等同于 rgb(100%,0%,0%) 等同于 #ff0000 等同于 #f00   有17个预先确定的颜色,它们是:   aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,   olive, orange, purple, red, silver, teal, white, and yellow.   transparent 也是一个正确的值。   rgb的三个值都是从0到255,0是最低级,255是最高级,这些值同样可以是百分比。   我们通常使用10进制即0-9,但hexadecimal使...

CSS教程之css选择器、属性、值_基础教程

body { font-size: 0.8em; color: navy; }   上面的意思是为body选择器设置font-size字体大小和color字体颜色。   所以基本的,当它作用与HTML页面时,在body标签(整个窗口中的内容)之间的文字颜色是navy字体大小是0.8ems。 长度和百分比   CSS里面有许多属性值要指定单位,但有些基本单位被使用在一些属性上,在这之前值得属性下它们。   em比如font-size:2em给于字体计算出的大小,所以2em就是实际字体...

CSS教程之CSS的应用_基础教程

一、In-line 行内   行内样式是在html标签里直接使用style属性 text   设定段落文字红色。   但要记住,最后的HTML应该是独立出来,使用表现文档,所以行内样式应该在任何地方避免。 二、Internal 内部   使用于整个页面的植入内部样式在head标签里面,style标签包围样式。 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> CSS Example p { color: red; } a { ...

html页面head区域的编码书写规范_基础教程

今天我们简单的介绍一下head区域主要放置了内容。这里就不强调css和javascript了,这两者是大家所熟知的。 head区一般必须加入的标识有: 公司版权注释 网页显示字符集 简体中文: 繁体中文: 英 语: 或者: 原始制作者信息 网站简介 搜索关键字 网页的css规范 网页标题 这里是你的网页标题 head区可选加入的标识有: 设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。 禁止浏览器从本地机的缓存...

html滚动条样式_基础教程【图】

一、滚动条的轨迹,记作:scrollbar-track。所谓“轨迹”,指滚动条的滑动块运行时所必经的路线。 二、滚动条的滑动块,即在它上面按下鼠标左键不放可上下或左右移动的滑动块以及滚动条两头的小方块,记作:scrollbar-face。face即滚动条的“脸”,注意它有三张“脸”:滑动条和两头的小方块。 三、滚动条亮边框部分,记作:scrollbar-highlight。这个亮边框,和表格的亮边框概念是一样的,即左边和上边部分,滚动条的亮边框部分是...

html的ContentType小结_基础教程

ContentTypes : "ez","application/andrew-inset" ContentTypes : "hqx","application/mac-binhex40" ContentTypes : "cpt","application/mac-compactpro" ContentTypes : "doc","application/msword" ContentTypes : "bin","application/octet-stream" ContentTypes : "dms","application/octet-stream" ContentTypes : "lha","application/octet-stream" ContentTypes : "lzh","application/octet-stream" ContentTypes : "exe",...

csspointer控制在firefox下显示手型的代码_基础教程

在ie下设置 css 样式 style="cursor:hand;" 可以正常显示 但是在firefox下就不行 改用 style="cursor:pointer;" 则在两个浏览器下都能正常显示 但只适用于IE6.0及以上版本以及FIREFOX,在IE5.0下不能显示成手

border:none与border:0使用区别_基础教程

一、border:noneborder-style的简写在chrome审查元素看到以下结果 代码如下:element.style {border: none;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;border-width: initial;border-color: initial;}在firefox中用firebug查看元素会看到以下结果: 代码如下:element.style { border: medium none;}注意这个medium值二、border:0border-width的简写在chrome审查元素看...

IE里button设置border:none属性无效解决方法_基础教程

某个元素设置无边框,只需要给元素设置border:none即可,当然设置border:0效果一样,但实际上两者是有性能差别的 代码如下:border:none:边框设置为为none,不做任何处理;border:0:边框宽度设置为0像素,但是实际上border-color和border-style还是在渲染的。然而在IE中,对于button和input元素确并不是这样,在IE6,7中border:none仅等价于border-style:none,而边框所占的空间还是在的。这导致了调input的宽度和高度在各个浏览器中...

纯CSS绘制三角形(各种角度)_基础教程【图】

我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。今天给大家带来 CSS 三角形绘制方法 代码如下:#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red;} 代码如下:#tria...

详细分析cssfloat属性以及position:absolute的区别_基础教程【图】

1.float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。div一个典型的块级元素,会单独占据一行。 先看看最基本的块级元素如何排列的。html代码,以下样式都是基于此。代码如下: 框框1 框框2 框框3 css代码:代码如下:.boxBg{ m...

完美实现浮动元素横排居中显示_基础教程

经常会遇到这样的页面布局:在一排显示几个不同的区域内容,但它们相对于页面是居中对齐的。注意这些区域内容不只是文字,也许还有图片或者其它元素混合而成。一般这样的布局我们很容易想到要用浮动float,但是怎么样居中对齐而又兼容低端浏览器哪?请接着往下看。 首先看html代码:高大上平台|关于我们|联系我们|服务条款|人才招聘|帮助中心|帮助中心|帮助中心|帮助中心|客服中心有人会说这些item都是文本,其实把ul换成其它元素(...