当前位置：首页>css教程

css教程

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

关于“css教程”相关文章99篇

用css怎样实现全景图的效果

页面布局1　　基础样式　　首先定义一些基本的样式和动画01.panorama {02width: 300px;03height: 300px;04background-image: url(http://7vilbi.com1.z0.glb.clouddn.com/blog/6608185829213862083.jpg);05background-size: auto
关键字：
css教程
如何用CSS实现垂直居中垂直居中有哪些实现方式

　　在前端开发过程中，盒子居中是常常用到的。其中，居中又可以分为水平居中和垂直居中。水平居中是比较容易的，直接设置元素的margin: 0 auto就可以实现。但是垂直居中相对来说是比较复杂一些的。下面我们一起来讨论一下实现垂直居中的方法。　　首先，定义一个需要垂直居中的div元素，他的宽度和高度均为300px，背景色为
关键字：
css教程
CSS代码有哪些原则如何才能做到高效整洁易读

　　1.使用全局reset　　不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset：1*{ margin:0; padding:0; }　　这不仅仅因为它是缓慢和低效率的方法，而且还会导致一些不必要的元素也重置了外边距和内边距。在此建议参考YU
关键字：
css教程
如何用纯CSS实现自适应布局表格

　　以手机、平板等移动设备为平台的浏览行为变得越来越平常，甚至有些人叫嚣PC将死。虽然说的有些夸张，但让你的网站布局能够兼容PC和移动设备这些需求变得越来越重要。这种网页布局就是“自适应布局”(有人喜欢把“Responsive layout”直译成‘响应式布局’，本人觉得‘自适应布局’更本土化)。这种布局的
关键字：
css教程
如何使用CSS打造毛玻璃效果

　　毛玻璃其实就是磨砂玻璃，能够模糊的看清背后的风景，让人感觉有种朦胧美，让界面看上去有些层次感。　　比如：　　高大上啊，接下来肯定是眼馋手痒的过程。　　当然，用ps搞一个全景毛玻璃背景毫无疑问是最省事的，那接下来就没啥事可干了。　　当然no no no了。　　毛玻璃无疑就是种模糊了，少不了f
关键字：
css教程
如何基于纯CSS创建各种图形形状

　　CSS也称作层叠样式表，用于控制网页内容显示情况，它可以控制HTML无法控制的许多属性，利用CSS能实现多种多样的动画效果，之前我们分享过很多CSS3实现的特效、动画及一些游戏，今天再来教大家学习如何使用简单的CSS创建不同类型的平面图形。　　实例分享　　矩形1.rectangle {2width: 250px;3height: 150px
关键字：
css教程
如何使用css实现响应式全屏布局

　　如何用css实现响应式全屏布局呢？满屏大图是当前比较流行的一种网页形式，本文将使用css的background-size属性，教您如何简单实现该效果。　　核心概念　　使用background-size 属性，填充整个viewport　　当css属性background-size 值为cover时，浏览器会自动按比例缩放背景图的宽和高，直
关键字：
css教程
Dreamweaver使用CSS规则设置超链接显示

　　默认情况下，网页的超链接都有固定的显示形式。在这里，我们可以通过创建CSS的样式来控制超链接文本的显示。　　一、使用CSS规则设置超链接的显示　　1. 打开文档，然后打开“CSS样式”面板。　　2. 在“CSS样式”面板中，点击右下角的“新建 CSS 规则”按钮，打开“新建 CSS 规则”对话框，如下图所示
关键字：
css教程
Dreamweaver向CSS规则添加属性

　　在Dreamweaver CS5中，可以使用“CSS样式”面板向CSS规则添加属性。　　一、向CSS规则添加属性　　1. 打开“CSS样式”面板。　　2. 选择选择一条规则：　　在“正在”模式下的“CSS样式”面板的“规格”窗格中选择一条规则。如下图所示：　　在“全部”模式下的“CSS样式”面板的“所有规则”窗格中选择一条
关键字：
css教程
Dreamweaver编辑CSS规则

　　本教程为大家介绍一下Dreamweaver编辑CSS规则，希望对大家有帮助。　　一、在“CSS样式”面板的“正在”模式下编辑CSS规则　　1. 打开“CSS样式”面板。　　2. 使“CSS样式”面板处于“正在”模式下。　　3. 选择当前页面中一个HTML元素，此时已在“CSS样式”面板中显示了此元素的CSS属性。　　4. 请选择
关键字：
css教程
Dreamweaver设置CSS属性

　　使用Dreamweaver CS5可以定义CSS规则的属性，如设置字体、文本、背景、列表、间距以及布局属性等。　　首先使用Dreamweaver CS5创建新的CSS规则，然后可以设置下面的任意属性。　　1. 打开“CSS样式”面板。　　2. 在“所选内容的摘要”窗格中双击某一个属性，打开“CSS 规则定义”对话框。如下图所示：　
关键字：
css教程
Dreamweaver创建新的CSS规则

　　在CSS样式表中，我们可以创建一个CSS规则来自动完成HTML标签的格式设置、class或者ID属性所标识的文本范围的格式设置。　　一、使用Dreamweaver CS5创建新的CSS规则　　1. 打开文档，将光标移动到要插入CSS规则的位置上，然后选择下面的任意一种方法打开“新建 CSS 规则”对话框。　　点击“格式”菜单，选择“C
关键字：
css教程
Dreamweaver中CSS样式面板

　　本教程为大家介绍一下Dreamweaver中CSS样式面板，希望对大家有帮助。　　一、打开CSS样式面板　　使用“CSS样式”面板可以查看、创建、编辑和删除CSS样式，也可以将外部样式表附加到文档。　　点击“窗口”菜单，选择“CSS样式”命令，即可打开“CSS样式”面板，如下图所示：　　如果要调整“CSS样式”面板的
关键字：
css教程
Dreamweaver CSS样式面板介绍

　　今天小编为大家介绍一下Dreamweaver CSS样式面板，希望对大家有帮助。　　使用“CSS 样式”面板可以跟踪影响当前所选页面元素的 CSS 规则和属性(“正在”模式)，或影响整个文档的规则和属性(“全部”)。使用“CSS 样式”面板顶部的切换按钮可以在两种模式之间切换。使用“CSS 样式”面板还可以在“全部”和“正在”模式下修改
关键字：
css教程
Dreamweaver视频教程第二十一章：CSS样式表综合案列

关键字：
css教程

热门专题