CSS入门教程——样式表的基本语法(一)

插入样式表前后的网页。为了更好地理解样式表的作用,我们先看一个CSS的应用实例。在本例子中,你很容易对比出使用CSS前后两个网页的区别,当然了,现在你可能读不懂CSS部分的代码。别担心,这些代码将 …

CSS入门教程——CSS简介

什么是CSS?CSS是CascadingStyleSheets(层叠样式表)的缩写。它的作用是定义网页的外观(例如字体,颜色等等),它也可以和javascript等浏览器端脚本语言合作做出许多动态的效果。 谁需要学习CSS?对于 …

CSS入门教程——样式表加入网页方式

在上两节中我们已经为网页添加过简单的样式表了,我们也了解了样式表的语法基础。本节将介绍将样式表加入到页面中的几种不同方法。内部样式表 其实我们在前两节已经应用了内部样式表。内部样式表需 …

CSS入门教程——样式表的基本语法(二)

class(类)和id的一个小实例在上一节中我们了解了如何为特定的标签定义样式,例如我们利用 “h1{font-size: 12px;}”将页面内所有的标题1的字体大小改为了12像素。那么如果我不希望所有的标题 …

CSS入门教程——文字属性(font)

CSS文字属性(font属性)font属性在CSS中的使用频率是相当高的。下面我们就来看看font属性都可以做什么。1.定义字体(font-family)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://ww …

CSS入门教程——文本属性(text)

文本属性(text) 合理的应用CSS文本属性不只可以改变你页面文本的风格,还可以在一定程度上帮你省去不必要的劳动。我就曾经试图为每一个段落的首行打两个空格,但是在CSS中你只需要一小段代码就可以 …

CSS入门教程——列表(list)

1.无序列表项目样式属性(list-style-type)&hellip;&hellip;
<style type="text/css">
.w1 { list-style-type:circle;}
.w2 { list-style-type:square;}
.w3 { list-style-type:disc ;}
</style> …

CSS入门教程——背景属性(background)

背景属性(background)回想一下你最喜欢的网站?你知道它们的首页标题字号吗?也许不。那么试着回忆起一些关于网站外观的东西。怎么样,是不是还记得它们的背景颜色?事实上,如果你有一个比较有名气的 …

CSS入门教程——盒子(box)

CSS盒子(CSS box) 首先要清楚,CSS中没有box这个属性。CSS的盒子(box)是由以下几个部分组成的: 内容(content)、填充(padding)、边框(border)和边界(margin)。盒子的内容当然是必须有的,而填充 …

CSS入门教程——div和span

div和span是什么意思? 相对与其他XHTML标签,div和span对于它们包含的元素是没有意义的。例如当你看到<h1></h1>标签,你知道里面是标题,当你看到<p></p>标签的时候你知道里面是一个新的自然段。 …

CSS入门教程——链接(a)

链接(a) 对于很多追求页面美观的站长来说,默认的链接样式实在是太难以容忍了。而且它们也很难和网站的风格相吻合。不过有了CSS之后我们就不用担心了。下面就看看如何修改网页的链接样式。1.改变整 …

CSS入门教程——定位(position)

定位 CSS的定位功能是很强大的,利用它你可以做出各种各样的网页布局。本节就介绍一些CSS常用的定位语句。1.相对定位(relative)相对定位是指相对它本来应该处的位置所做的移动。&hellip;&hellip; …

CSS网页制作教程:浮动清除的新方法

起源:.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}.clearfix { display: inline-table; }/* Hides from IE-mac /*/* html .clearfix { h …

收集分享的3个讲解css及标签的视频

对于前端爱好者来说正确的理解样式、标签尤为重要。视频讲解的比较基础,但讲解的内容很详细、很到位。无论你是初学者还是高手,以下收集分享的3个讲解css及标签的视频,定会对你有某些帮助的!

CSS网页制作教程:网页中常用的web安全字体

在Web编码中,CSS默认应用的Web字体是有限的,虽然在新版本的CSS3,我们可以通过新增的@font-face属性来引入特殊的浏览器加载字体,但多数情况下,考虑各个因素的影响我们还是在尽量充分利用这些默认调 …

CSS网页制作教程:字体单位em简介

刚学网页制作的时候,老师曾经告诉我必须用CSS强制定义字体大小,否则保证每个人都看到一致的效果。这一点在现在的中国站点尤为明显。包括网易、搜狐这些门户网站在内的大部分站点,用的都是绝对单位p …

帮助你学习CSS3的不错的7个CSS3代码生成工具

说到CSS3相信都并不陌生了,但是对于应用来说,却鲜见有人体验,尤其是在大型网站开发过程中,还是在保守地使用当前的CSS语言编写代码。在一些个人性质的网站和博客中,已经有不少人开始使用CSS3进行网 …

推荐20个出色帮你学习的CSS技术网站

CSS的学习过程既可以说简单又可以说是复杂。CSS的语法比较简单,但CSS的应用中有一些概念(一可以说是原理)还是很难掌握的。今天网页教学网向你推荐20个出色的CSS技术类(英语)网站帮你更好的理解和掌握 …

提高网站权重:提高网站PR和提高网站更新度

每个做网站的朋友,都希望自己的网站权重高,什么是权重呢?权重没有一个很清楚的界定标准,权重可以理解为网站在搜索引擎里面的待遇,这个待遇还是分级别的。它是 …

四十三个实例DIV+CSS网页及导航布局教程

在中国,很多前端开发初学者都会把xHTML+CSS页面制作说成DIV+CSS,甚至很多人都还不知道xHTML+CSS是什么意思,只知道盲目的追求DIV+CSS,但在国外,是没有DIV+CSS这个概念的,很明显如果单从字面上去理 …

网页制作教程:弹出层详解

在工作过程中经常遇到做弹出的层效果,有的需要在元素右下弹出,有的需要弹出在浏览器正中间,有的需要弹出后再拖拽,有的需要背景要变暗,有的需要弹出的层跟随 …

SEO实战:网页排名效果最好的标题写法

我们公司是专门从事SEO的,所以有些实验室必须要做的,为了研究三个标签(标题、关键词标签、描述标签)应该如何写,我们用100个网站做了实验,来证明三个标签到底 …

页面元素的对齐:阅读线路不清晰

页面上各个元素的对齐,能使页面显得更加规整。以下图为例,能对齐的元素都对齐了,看起来很规整。但这也导致了一个问题:阅读线路不清晰——究竟是&l …

15个滑动门效果CSS网页导航菜单设计教程

如今,基本每个网站都会需要到Tab切换展示内容的滑动门效果应用,这种效果可以在更少的页面空间内,展示更多的网站内容,节约空间,方便用户集中操作,使用便利应 …

CSS教程:通配属性批量替换的方法

例如我想美化输入框的效果:
<input type="text" name="textfield" />
避免给这样的通配属性:
input{background:#222; border:1px solid #4a4a49; color:#cc …

 2326    1 2 3 4 5 6 7 8 9 10 11 12 下一页 尾页