在我们写网页的时候，超链接是链接各个页面的桥梁，也是搜索引擎爬虫（spider）收录网站页面的关键，因此，在每个网页中会有许多的超链。当我们根据需求要打印某个网页时，却发现在带有超链的文字的旁边显示出了超链，这显然不是我们想要的打印效果。今天，一个同行妹妹问我如何解决这个问题，我一时头大，从来没有遇到过这样的问题撒，该如何解决呢？后来还是同行妹妹聪明，经过网上的一番查资料后，终于找到了解决问题的办法：a[...
<!DOCTYPE html><head><title>超多的CSS3圆角渐变按钮</title><style type="text/css">body { background: #ededed; width: 900px; margin: 30px auto; color: #999;}p { margin: 0 0 2em;}h1 { margin: 0;}a { color: #339; text-decoration: none;}a:hover { text-decoration: underline;}div { padding: 20px 0; border-bottom: solid 1px #ccc;}.button { display: inline-block; zoom: 1; *display: inline; vertical...
@font-face语法规则@font-face {font-family: <YourWebFontName>;src: <source> [<format>][,<source> [<format>]]*;[font-weight: <weight>];[font-style: <style>];}说明：YourWebFontName:此值指的就是你自定义的字体名称，最好是使用你下载的默认字体，他将被引用到你的Web元素中的font-family。如“font-family:"YourWebFontName";”source:此值指的是你自定义的字体的存放路径，可以是相对路径也可以是绝路径；format：此值指...
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>账号注册</title><style>select {width: 100px;padding: 5px;font-size:16px;}</style> </head> <body> <!--要实现的功能: 账号 密码 性别 <爱好> 地址出生年月 头像 相册 邮箱 电话 肤色 音量 个人简介--> <form action="demo01.html"method="post"> <!--账号开始--><p>账号:<input type="text"name="userCode"required placeholder="请输入账号:...
CSS命名规范一．文件命名规范 全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css；二．常用类/ID命名规范页 眉：header内 容：content容 器：container页 脚：footer 版 权：copyright 导 航：menu主导航：mainMenu子导航：subMenu 标 志：logo标 语：banner标 题：title侧边栏：sidebar 图 标：Icon注 释：note搜 索：search按 钮：btn登 录：login链 接...
CSS入门教程:网页首字下沉:first-letter版本：CSS2 兼容性：IE5.5 语法：Selector : first-letter { sRules } 说明：设置对象内的第一个字符的样式。此伪对象仅作用于块对象。内联要素要使用该属性，必须先设定对象的 height 或 width 属性，或者设定 position 属性为 absolute ，或者设定 display 属性为 block 。在此伪对象中配合使用 font-size 属性和 float 属性可以制作首字下沉效果。 示例：p a:first-letter { color: gre...
终于把这套课程讲完了，虽然时间隔了很长，但也算有始有终了，这是在YY讲课中我自己录的，讲了网页设计的基础，这也是我第一次给那么多人讲课，讲的不好多多包涵。前几次视频和课件是分开的，后几次都打包在一起了，由于第三章是教使用Dreamweaver，而我建议开始学的时候使用文本编辑器，因此就没讲这章，等学完基础，相信你们能够自己摸索Dreamweaver的使用。视频：第一、二章网页设计语言基础(1)：http://yun.baidu.com/s/1sjz2V...
最近在网站和博客上能发现使用各种各样很帮效果的动画效果。CodyHouse介绍了这些CSS和Javas cript的编码教程。因为每个文件都可以整套下载，所以马上就可以使用。 固定背景效果 →效果页适用的浏览器：Chrome,Safari,Firefox,Opera,IE9+在Section和div垂直配置的长页面中，把背景固定，像卷帘被提起似的滚动。 产品展示滑块 →效果页适用的浏览器：Chrome,Safari,Firefox,Opera,IE9+把配置卡片状的各个产品，用很棒的动画效果来...
认识CSS样式CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。如下列代码：p{font-size:12px;color:red;font-weight:bold; }使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。 CSS样式的优势为什么使用css样式来设置网页的外观样式呢？右边编辑器是一段文字，我们想把“超酷的互联网”、“服务...
div元素是用来为html文档内大块（block-level）的内容提供结构和背景的元素。div的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由div标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。 css是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现 html 或 xml 等文件式样的计算机语言。 [1]Web标准网页的好处事实上，在使用各种网页设计与制作工具进行网页设计制作...
单行一列以下是引用片段：body{margin:0px;padding:0px;text-align:center;} #content{margin-left:auto;margin-right:auto;width:400px;width:370px;}两行一列以下是引用片段：body{margin:0px;padding:0px;text-align:center;} #content-top{margin-left:auto;margin-right:auto;width:400px;width:370px;} #content-end{margin-left:auto;margin-right:auto;width:400px;width:370px;}三行一列以下是引用片段：body{margin:0px;...
1.0 前言网页布局（layout）是CSS的一个重点应用。经典布局类型：布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能，成为了现下最流行的布局方式。 Flex布局是什...
流动模型（一）先来说一说流动模型，流动（Flow）是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。流动布局模型具有2个比较典型的特征：第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。如右侧代码编辑器中三个块状元素标签(div，h1，p)宽度显示为100% 流动模型（二）...
一、单列布局（类似于搜狐网站）如：代码为：二、两列布局1.固定宽度代码为：2.自适应代码为：三、三列布局代码为：四、混合布局就是在前面的基础上，在进行划分块如：代码为：原文：http://www.cnblogs.com/pmlyc/p/6344684.html
<HTML><SCRIPT>parent.moveTo((screen.width-775)/2,(screen.height-540)/2);parent.resizeTo(775,540)</SCRIPT><HEAD><META NAME="Title" CONTENT="JScript Simple Tetris"><TITLE>CSS+js打造的网页版俄罗斯方块游戏丨石家庄展柜-石家庄网络公司</TITLE><style>body {margin:0;background:black;font-size:9pt}td {height:20;width:20;font-size:9pt}#block_div {position:absolute;z-index:1;width:80;font-size:9pt}#table_div ...