当前位置:首页 > CSS编程 > css基础

css基础

CSS Web安全字体

4

CSSWeb安全字体组合常用的字体组合font-family属性是多种字体的名称,作为一个"应变"制度,以确保浏览器/操作系统之间的最大兼容性。如果浏览器不支持的第一个字体,它尝试下一个的字体。你想要的字体类型如果浏览器找不到,它会从通用的

CSS 提示工具(Tooltip)

10

CSS提示工具(Tooltip)本文我们为大家介绍如何使用HTML与CSS来创建提示工具。基础提示框(Tooltip)提示框在鼠标移动到指定元素上显示:HTML代码:<style>/*Tooltip容器*/.tooltip{po

CSS 参考手册

6

CSS参考手册CSS参考手册在所有主流浏览器中测试通过.CSS属性CSS属性组:动画背景边框和轮廓框颜色内容页的媒体属性尺寸盒子模型(新)盒子模型(旧)字体内容生成网格超链接线框列表外边距字幕多列内边距页面媒体定位分页Ruby语音表格文本2

CSS !important 规则

6

CSS!important规则什么是!importantCSS中的!important规则用于增加样式的权重。!important与优先级无关,但它与最终的结果直接相关,使用一个!important规则时,此声明将覆盖任何其他声明。实例#m

CSS letter-spacing 属性

39

cssletter-spacing属性实例设置为h1和h2元素的字母间距:h1{letter-spacing:2px}h2{letter-spacing:-3px}属性定义及使用说明letter-spacing属性增加或减少字符间的空白(字

CSS 总结

9

你已经学习了CSS,下一步学习什么呢?CSS总结本教程已向你讲解了如何创建样式表来同时控制多重页面的样式和布局。你已经学会如何使用CSS来添加背景、格式化文本、以及格式化边框,并定义元素的填充和边距。同时,你也学会了如何定位元素、控制元素的

CSS 下拉菜单

15

.dropbtn{background-color:#4CAF50;color:white;padding:16px;font-size:16px;border:none;cursor:pointer;}.dropdown{position

CSS3 多媒体查询

16

CSS3多媒体查询CSS2多媒体类型@media规则在CSS2中有介绍,针对不同媒体类型可以定制不同的样式规则。例如:你可以针对不同的媒体类型(包括显示器、便携设备、电视机,等等)设置不同的样式规则。但是这些多媒体类型在很多设备上支持还不够

CSS 表单

30

CSS表单一个表单案例,我们使用CSS来渲染HTML的表单元素:CSS实例input[type=text],select{width:100%;padding:12px20px;margin:8px0;display:inline-bloc

CSS Backgrounds(背景)

11

css背景css背景属性用于定义html元素的背景。css属性定义背景效果:background-colorbackground-imagebackground-repeatbackground-attachmentbackground-p

响应式 Web 设计 &#8211; Viewport

7

响应式Web设计-Viewport什么是Viewport?viewport是用户网页的可视区域。viewport翻译为中文可以叫做"视区"。手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewpo

响应式 Web 设计 &#8211; 图片

12

响应式Web设计-图片.bg1{width:100%;height:400px;background-image:url('/wp-content/uploads/2015/06/img_flowers.jpg');background-r

CSS3 字体

10

CSS3字体CSS3@font-face规则使用以前CSS的版本,网页设计师不得不使用用户计算机上已经安装的字体。使用CSS3,网页设计师可以使用他/她喜欢的任何字体。当你发现您要使用的字体文件时,只需简单的将字体文件包含在网站中,它会自动

CSS 媒体类型

13

CSS媒体类型媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上,在纸张上,或听觉浏览器等等。 媒体类型一些CSS属性只设计了某些媒体。例如voice-family属性是专为听觉用户代理。其他一些属性可用于不同的

CSS3 2D 转换

7

CSS32D转换#rotate2D,#rotate3D{width:80px;height:70px;color:white;position:relative;font-weight:bold;font-size:15px;padding

CSS white-space 属性

14

csswhite-space属性实例规定段落中的文本不进行换行:p{white-space:nowrap;}属性定义及使用说明white-space属性指定元素内的空白怎样处理。默认值:normal继承:yes版本:css1javascri

CSS 选择器

11

CSS选择器CSS(层叠样式表)提供了多种选择器,用于选择要应用样式的HTML元素。CSS选择器用于选择你想要的元素的样式的模式。下列表格中的"CSS"列表示在CSS版本的属性定义,CSS1、CSS2和CSS3是层叠样式表(Cascadin

CSS3 边框

13

CSS3边框CSS3边框用CSS3,你可以创建圆角边框,添加阴影框,并作为边界的形象而不使用设计程序,如Photoshop。在本章中,您将了解以下的边框属性:border-radiusbox-shadowborder-imageCSS3圆角

CSS 图片廊

6

CSS图片廊.responsive.img{border:1pxsolid#ccc;}.responsive.img:hover{border:1pxsolid#777;}.responsive.imgimg{width:100%;heig

CSS 网页布局

2

CSS网页布局网页布局网页布局有很多种方式,一般分为以下几个部分:头部区域、菜单导航区域、内容区域、底部区域。头部区域头部区域位于整个网页的顶部,一般用于设置网页的标题或者网页的logo:CSS3实例.header{background-c