关注
分享
文章平均质量分 71
CSS3是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。
pan_junbiao
这个作者很懒，什么都没留下…
展开
-
CSS实现table表格：隔行换色的效果
表格是网页中十分重要的组成元素。表格用来存储数据，包含标题、表头、行和单元格。在HTML语言中，表格标记使用符号表示。定义表格光使用是不够的，还需要定义表格中的行、列、标题等内容。在CSS中，可以使用 nth-child 选择器来实现隔行换色。该选择器用于匹配父元素中的特定子元素，nth-child(odd) 可以匹配奇数行，nth-child(even) 可以匹配偶数行。使用CSS样式实现 table 表格隔行换色的效果。原创 2024-07-12 18:29:20 · 447 阅读 · 0 评论 -
CSS实现超链接标签：鼠标光标为手形、取消下划线、当鼠标悬停时显示下划线
【实例】CSS实现超链接标签：鼠标光标为手形、取消下划线、当鼠标悬停时显示下划线。伪类选择器是 CSS 中已经定义好的选择器，因此程序员不能随意命令。伪类选择器是用来将样式应用于处于某种特殊状态的目标元素。例如，用户正在单击的元素，或者鼠标正在经过的元素等。原创 2024-07-12 17:22:12 · 337 阅读 · 0 评论 -
CSS选择器：基本选择器、复合选择器、伪类选择器、伪元素选择器
CSS选择器包含：基本选择器、复合选择器、伪类选择器、伪元素选择器。基本选择器包括：元素选择器、类选择器、ID 选择器、属性选择器。最常见的 CSS 选择器是元素选择器。换句话说，HTML文档的元素就是最基本的选择器。例如设置 HTML 样式，选择器通常是某个 HTML 元素，如 p、h1、a 等，甚至可以是 HTML 本身。在 HTML 中，各种各样的属性可以给元素添加很多附件信息，并且可以通过 JavaScript 控制这些附加属性的内如何状态。在使用 CSS 的时候，也可以使用这些附加属性来指定元素。原创 2024-07-11 18:05:14 · 1058 阅读 · 0 评论 -
CSS在页面中使用的三种方式：行内样式、内嵌式样式表、链接式样式表
CSS样式如何在页面中使用，包含三种方式：行内样式、内嵌式样式表、链接式样式表。行内样式是比较直接的一种样式，直接定义在 HTML 标签之内，并通过 style 属性来实现。这种方式比较容易学习，但是灵活性不强。内嵌式样式表就是使用...标签将 CSS 样式包含在页面中的，内嵌式样式表的形式没有行内样式表现得直接，但页面会更加规则。原创 2024-07-11 15:46:15 · 351 阅读 · 0 评论 -
CSS让DIV上下左右居中的方法
示例： 一个父div(w:100%;h:400px)中有一个子div(w:100px;h:100px;)。让其上下左右居中。1、使用varticle-align属性理念：利用表格单元格的居中属性。步骤：（1）父div外层配置一个div，同时设置为表格元素 (display: table)，宽度为100%。（2）父div配置为表格单元格元素 (display: table-c...转载 2019-06-19 10:31:10 · 36852 阅读 · 0 评论 -
圆角边框和自适应按钮的制作
圆角边框和自适应按钮的制作,如图1-1。图1-1 圆角边框和自适应按钮1、圆角边框的制作1.1 圆角边框HTML代码<div class="rounded-box"> <!--圆角--> <div class="rounded"> <div class="c tl"></原创 2012-07-22 20:09:16 · 3844 阅读 · 0 评论 -
CSS公共样式
创建base.css样式文件。body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }body, button, input, se...原创 2012-08-18 10:51:39 · 4788 阅读 · 0 评论 -
CSS相框效果
效果图1、CSS样式.pic .box{ background:url(/MyDemo/images/round1.png) no-repeat; width:60px; height:60px; display:block; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLo...原创 2013-10-14 10:02:13 · 3144 阅读 · 0 评论 -
CSS样式积累：笔记
1、border-collapse:collapse， 属性设置表格的边框是否被合并为一个单一的边框2、vertical-align: middle，属性设置元素的垂直居中3、text-align: center，属性设置元素中的文本的水平居中4、position 属性的介绍1、border-collapse:collapse，属性设置表格的边框是否被合并为一个单一的边框...原创 2014-11-18 14:17:05 · 846 阅读 · 0 评论 -
CSS强制英文、中文换行与不换行 强制英文换行
1. word-break:break-all;只对英文起作用，以字母作为换行依据2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据3. white-space:pre-wrap; 只对中文起作用，强制换行4. white-space:nowrap; 强制不换行，都起作用5. white-space:nowrap; overflow:hidden; te...转载 2012-04-01 10:12:24 · 75574 阅读 · 0 评论 -
css hack（ie6-9,firefox,chrome,opera,safari）
在这个浏览器百花争鸣的时代，作为前端开发的我们为了我们漂亮的设计能适应各个浏览器可为煞费苦心，主要体现在javascript和css上面。javascript我这次就不谈了，先说说css。 为了适应不同浏览器不同的版本（版本主要就ie来说），ie这朵奇葩现在我们要兼容6-9，它的10也快出来了。。。在ie下我们可以写条件注释来区分ie和其他浏览器，以及ie的版本，这些请大...转载 2012-03-11 09:55:35 · 986 阅读 · 0 评论 -
HTML+CSS底部footer两种固定方式
网页常见的底部栏（footer）目前有两种：一、永久固定，不管页面的内容有多高，footer一直位于浏览器最底部，适合做移动端底部菜单，这个比较好实现；二、相对固定，当页面内容高度不沾满浏览器高度，footer显示在浏览器底部，且不会出现滚动条，如果页面内容高度超出浏览器高度，footer则相对与内容的最底部，并且自动出现滚动条；一、永久固定<!DOCTYPE html><html><head> <meta http-equiv="Co转载 2020-06-20 11:06:58 · 7176 阅读 · 0 评论 -
CSS样式大全
字体属性：(font)大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)行高 {line-height: normal;}(正常) 单位：PX、PD、EM粗细 {font-weight: bold;...转载 2011-01-29 21:26:00 · 881 阅读 · 0 评论 -
CSS实现DIV的水平与垂直居中
使用CSS样式实现DIV的水平与垂直居中。1、使用<div>标签的 align 属性实现水平居中HTML中的 <div> 标签的 align 属性用于规定 div 元素中的内容的水平对齐方式。所有浏览器都支持 align 属性。语法：<div align="value">属性值：值 描述 left 左对齐内容。 ri...原创 2019-06-19 19:12:12 · 8909 阅读 · 1 评论