最近在写一个系统页面，涉及到background背景和背景图、渐变等属性，经过查阅资料发现background有各种子属性，特此整理一下。浏览器兼容性支持：PC端：移动端：为了后面的介绍，我们首先了解一下【盒模型】background常用属性：background-image：定义背景图像。需要用url('...')引入图片。.box{background-image:url('image...

　　CSS?Padding(填充)CSSPadding(填充)属性定义元素边框与元素内容之间的空间。Padding(填充)当元素的Padding(填充)(内边距)被清除时，所"释放"的区域将会受到元素背景颜色的填充。单独使用填充属性可以改变上下左右的填充。缩写填充属性也可以使用，一旦改变一切都改变。可能的值值说明length定义一个固定的填充(像素,pt,em,等)%使用百分比值定义一个填...

　　角标是一个给某元素标明“New”,"Popular"等以表示强调的好方法，常应用于图片。下面就利用CSS和HTML实现了图片的角标效果。创建两个元素，一个用于创建角标，一个用于角标内的文本。Popular角标必须用绝对定位才能正确实现效果。New!完整CSS代码：.flag?{position:?absolute;top:?0;left:?0;}.flag:before?{content:?"...

　　什么是选择器？每一条css样式声明(定义)由两部分组成，形式如下：选择器{样式;}在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。比如右侧代码编辑器中第7行代码中的“body”就是选择器。标签选择器标签选择器其实就是html代码中的标签。如右侧代码编辑器中的、、、。例如下面代码：p{font-size:12px;line-hei...

　　一、float语法结构与小示例1、float语法：float:none|left|right2、float参数值介绍：float:none——对象不浮动float:left——对象浮在左边float:right——对象浮在右边3、float值使用说明：float属性的值指出了对象是否及如何浮动。当该属性不等于none引起对象浮动时，对象将被视作块对象(block-leve...

　　虽然在国内使用CSS3距离还是有些远，但是我们也要学习这些新技术，今天为大家分享一些很cool的CSS3特效案例，有些带教程，很值得学习的。从这些案例可以看出CSS3为设计师和前端人员减少了很多很多的代码，所以作为一个专业的网页设计师或是前端人员都应该了解和学习它们。CSS3ToolTips提示动画给你的CSS3菜单增加些趣味CSS3手风琴CSS3页面特效CSS3Propertie...

　　1.首先要分别建立html,img和css3的文件夹。2.html和css3的首页放在文件夹外面。还可以建立一个公共css，比如导航和页脚可以放在公共css里面，在每个页面加上公共css超链接就可以了。减少代码的编写。3.文件夹的名称要写成英文形式。也不要写成汉语拼音，html识别不出来汉字。4.class与id的区别：（1）、在CSS文件里书写时，ID加前缀"#"；CLASS用"."（...

　　我们在设计网页时，常常会需要考虑到用户体验，那么足够美观的网页才能吸引住用户。为了让网页内容更加丰富好看，我们可能会使用ps做出很多特效，其实除了ps，利用css3属性也能制作出各种好看的特效。下面我们就给大家介绍一个css3实现字体凹陷凸出的特效方法，也就是使字体有立体感。css字体实现凹陷凸出即立体感的代码示例如下：css3字体实现立体感body{background:gray;}h1...

　　选择器——选择属性att值为val的元素选择器——选择属性att值包含val的元素选择器——选择属性att值以val开头的元素选择器——选择属性att值以val结尾的元素选择器——文档的根元素，HTML中即为html元素选择器——对除了：not（）内的其他元素使用样式选择器——当元素内内容为空白时使用样式选择器——当一个元素的id被其他元素用来跳转时，跳转后对跳转到的那个元素使用样式选择器选择...

　　什么是markdown什么是HTML什么是CSSMarkdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。obsidian使用的是扩展的markdown格式。超文本标记语言（HyperTextMarkupLanguage,HTML）是构成Web世界的一砖一瓦。它定义了网页内容的含义和结构。我们熟悉的网页都是由HTML构成的。以下...