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

css基础

CSS 单位

5

CSS单位CSS有几个不同的单位用于表示长度。一些设置CSS长度的属性有width,margin,padding,font-size,border-width,等。长度有一个数字和单位组成如10px,2em,等。数字与单位之间不能出现空格。

CSS 选择器

4

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

响应式 Web 设计 – 框架

7

响应式Web设计-框架本章节为大家介绍响应式Web设计框架Bootstrap。Bootstrap,来自Twitter,是目前最受欢迎的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的,它简洁灵活,使得Web开发更加

CSS3 字体

1

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

CSS3 用户界面

3

CSS3用户界面CSS3用户界面在CSS3中,增加了一些新的用户界面特性来调整元素尺寸,框尺寸和外边框。在本章中,您将了解以下的用户界面属性:resizebox-sizingoutline-offset浏览器支持表格中的数字表示支持该属性的

CSS 盒子模型

4

CSS盒子模型CSS盒子模型(BoxModel)所有HTML元素可以看作盒子,在CSS中,"boxmodel"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。盒模型

CSS3 背景

0

CSS3背景CSS3背景CSS3中包含几个新的背景属性,提供更大背景元素控制。在本章您将了解以下背景属性:background-imagebackground-sizebackground-originbackground-clip您还将学

CSS3 column-gap 属性

4

css3column-gap属性实例指定列之间的的间隙为40个像素:div{column-gap:40px;}在此页底部有更多的例子。浏览器支持属性column-gap50.04.0-webkit-10.02.0-moz-9.03.1-we

CSS Fonts(字体)

4

CSS字体CSS字体属性定义字体,加粗,大小,文字样式。serif和sans-serif字体之间的区别在计算机屏幕上,sans-serif字体被认为是比serif字体容易阅读CSS字型在CSS中,有两种类型的字体系列名称:通用字体系列-拥有

CSS text-align 属性

5

csstext-align属性实例h1,h2,和h3元素设置文本的对齐方式:h1{text-align:center}h2{text-align:left}h3{text-align:right}在此页底部有更多的例子。属性定义及使用说明t

CSS3 多列

3

CSS3多列CSS3可以将文本内容设计成像报纸一样的多列布局,如下实例:.newspaper{border:1pxblacksolid;padding:15px;-webkit-column-count:3;/*Chrome,Safari,

CSS3 多媒体查询

4

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

CSS 教程

7

css教程css(cascadingstylesheets,层叠样式表),是一种用来为结构化文档(如html文档或xml应用)添加样式(字体、间距和颜色等)的计算机语言,css文件扩展名为.css。通过使用css我们可以大大提升网页开发的工

CSS text-transform 属性

8

csstext-transform属性实例转换不同元素中的文本:h1{text-transform:uppercase;}h2{text-transform:capitalize;}p{text-transform:lowercase;}属

CSS 导航栏

4

CSS导航栏ul.horizontal{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#333;}ul.horizontalli{float

CSS 颜色十六进制值

4

css颜色十六进制值按十六进制值排序列表按颜色名称进行排序colornamehexcolorblack#000000navy#000080darkblue#00008bmediumblue#0000cdblue#0000ffdarkgree

CSS text-indent 属性

6

csstext-indent属性实例缩进段落的第一行50像素:p{text-indent:50px;}属性定义及使用说明text-indent属性规定文本块中首行文本的缩进。注意:负值是允许的。如果值是负数,将第一行左缩进。默认值:0继承:

CSS3 2D 转换

2

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

CSS 布局 – 水平 & 垂直对齐

6

CSS布局-水平&垂直对齐水平&垂直居中对齐元素居中对齐要水平居中对齐一个元素(如<div>),可以使用margin:auto;。设置到元素的宽度将防止它溢出到容器的边缘。元素通过指定宽度,并将两边的空外边距平均分配:div元素

CSS unicode-bidi 属性

8

cssunicode-bidi属性实例重写文本:div{direction:rtl;unicode-bidi:bidi-override;}浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。属性unicode-bidi2.05.51