web前端

CSS3文本效果text-shadow与text-overflow

一、文本阴影 CSS3提供了text-shadow 文本阴影效果,这个属性有几个注意点:1、text-shadow 在 CSS2 的时候出现过,但各大浏览器碍于消耗大量的资源,迟迟未支持,然后在CSS...
web前端

CSS3浏览器前缀和长度单位rem

一、CSS3 前缀 在 CSS3 的很多新属性推出时,这些属性还处在不太稳定的阶段,随时可能被剔除。而此时的浏览器厂商为了实现这些属性,采用前缀方法。各大厂商前缀列表如下: 浏览器 厂商前缀 Chro...
web前端

CSS样式box-shadow与outline

HTML5中CSS其他剩下几个常用的样式,包括颜色、透明度、盒子的阴影轮廓以及光标的样式。 一、颜色和透明度 颜色我们之前其实已经用的很多了,比如字体颜色、背景颜色、边框颜色。但除了背景颜色和边框颜色...
web前端

CSS背景background样式属性设置

一、设置背景 盒模型的尺寸可以通过两种方式实现可见性,一种就是之前的边框,还有一种就是背景。 CSS 背景设置的样式表如下: 属性 值 说明 CSS 版本 background-color 颜色 背景...
web前端

CSS表格table与列表list-style

一、表格样式 表格有五种独有样式,样式表如下: 属性 值 说明 CSS 版本 border-collapse 边框样式 相邻单元格的边框样式 2 border-spacing 长度值 相邻单元格边框的...
web前端

CSS边框border样式属性设置

一、声明边框 边框的声明有三个属性设置,样式表如下: 属性 值 说明 css版本 border-width 长度值 设置边框的宽度,可选 1 border-style 样式名称 设置边框的样式,必选 ...
web前端

CSS盒模型display行内块元素/float浮动

一、元素可见性visibility 使用 visibility 属性可以实现元素的可见性,这种样式一般可以配合 JavaScript来实现效果。样式表如下: 属性 值 说明 CSS 版本 visibi...
web前端

CSS盒模型内边距padding外边距margin

HTML5中CSS盒模型,学习怎样了解元素的外观配置以及文档的整体布局。 一、元素尺寸 CSS 盒模型中最基础的就是设置一个元素的尺寸大小。有三组样式来配置一个元素的尺寸大小,样式表如下 : 属性 值...
web前端

CSS颜色color与度量单位em

HTML5 中 CSS 颜色和度量单位等问题,包括颜色的选取方式、相对长度和绝对长度等。 一、颜色表方案 颜色的表现形式主要有三种方式:颜色名称、十六进制代码和十进制代码。 p {color: red...
web前端

CSS文本样式text

HTML5中CSS文本样式,通过文本样式的设置,更改字体的大小、样式以及文本的方位。 一、文本总汇 下面了解一下 CSS 文本样式中文本内容的一些设置方法,样式表如下: text-decoration...
web前端

CSS文本样式字体font

在HTML5中CSS文本样式,通过文本样式的设置,更改字体的大小、样式以及文本的方位。 一、字体总汇 了解一下 CSS 文本样式中字体的一些设置方法,样式表如下: font-size 设置字体的大小 ...
web前端

CSS结构性伪类/UI伪类/动态伪类/选择器

一、伪类选择器总汇 伪类选择器分为四种类型:结构性伪类、UI伪类、动态伪类和其他伪类选择器,具体如下图表所示: 二、结构性伪类选择器 结构性伪类选择器能够根据元素在文档中的位置选择元素。这类元素都有一...