body { margin:0; padding:0; background:#000 url('images/backgrounds/star.png') no-repeat fixed; font: 12px sans-serif;}(1)margin和padding的区别用...
转载
2015-06-29 18:08:00
69阅读
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><html xmlns="http://www.w3.org/1999/xhtml"><head> <style> * { padding-bottom: 0px; margin: 0px; padding-left: 0
转载
2011-02-27 15:43:00
117阅读
2评论
好看的搜索框: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <met
原创
2022-08-05 22:15:23
55阅读
该笔记仅用于温习用 cascade and inheritance1、当样式冲突的时,css后边代码的语句样式优先应用2、类选择器优先于元素选择器3、子元素会继承父元素的样式 css selectors选择器1、类选择器2、元素选择器 类选择器与元素选择器相结合,如 p.left{}将会作用于有.l ...
转载
2021-11-04 09:27:00
128阅读
2评论
1. 新闻代码:<!DOCTYPE html ><html lang="en"><head> <meta charset="UTF
原创
2023-02-07 05:20:08
62阅读
DIV水平居中+垂直居中#main_zone{
width:1190px;
height:570px;
background-color:#fff;
margin:0 auto;&nbs
原创
2012-11-09 23:39:40
781阅读
例子1: 要做成上面的效果:背景的***、红色、白色都是图片。背景图片如下:代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/
原创
2015-11-18 11:16:24
1269阅读
一个固定宽度的例子
图B
例如,图B是在图 A 的基础上添加了一个标签(<div id="wrapper">)和一个相应的 CSS 样式后的结果。下面是新添加的 CSS 样式的代码:
以下为引用的内容:
div#wrapper { position:relative; margin-le
转载
2009-07-19 13:02:34
693阅读
浮动没有一个前端不会的,但是个人觉得能真正掌握的不多。下面自己设计了几个例题用来培训。多少人能根据代码看出最后的样式呢。 1、简单的例子 三个盒子,给第二个盒子设置浮动会呈现什么样子呢 <style> .cube{ width:100px; height: 100px; background-col ...
转载
2021-06-27 23:31:00
104阅读
2评论
重点记忆:四种结合方式 三种基本选择器
转载
2023-05-22 21:14:29
108阅读
基础认知CSS初始CSS的介绍CSS:层叠样式表(Cascading style sheets)CSS作用是什么??给页面中的HTML标签设置样式CSS就是用来做美化的,我之前写的网页就是黑白,要不带点彩色的图片,现在,我就可以设置五颜六色的颜色。CSS语法规则写在哪里?css写在style标签中,style标签一般写在head标签里面,title标签下面怎么写?注意点:CSS标点符号都是英文状态
我们将使用纯css打造一些切换开关并使其拥有类似于checkbox的用户体验。 很多时候我们都需要用户通过勾选/取消checkbox来表明他们对一些问题的答案。我们设置了一个标签,一个checkbox,并在提交表单后获取checkbox值,以查看用户是否已经选中或取消选中该checkbox。我们都知
转载
2020-10-13 17:17:00
691阅读
2评论
Javascript+CSS经典效果案例剖解 在编写前端代码的时候经常会因为网页添加什么动态效果而发愁,现在给你一些经典的案例,可以到时候参考一下的。CSS+js滚动图片功能:涉及到的知识点:CSS: width height background-image以及其他一些样式属性,Javascript:Event事件有:mouseover mouseout click image的loa
转载
2023-07-21 17:22:28
94阅读
css arrow 向下箭头 ...
转载
2015-06-03 10:31:00
1605阅读
2评论
My first web page What this is A simple page put together using HTML. I said a simple page put together using HTML. A simple page put together using H
转载
2017-06-18 15:10:00
95阅读
2评论
关于浮动的基础知识,这里先引用w3school的一段介绍,在此基础上我会添加一些注记和补充:浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。CSS 浮动请看下图,当把框 1 向右浮动时,它脱离文档流并且向右移动,直到它的右边缘碰到包含框的右边缘:再请看下图,当框 1 向左浮动时,它脱离文
利用js可以 很轻松的访问到网页中的meta 也可以处理css。下面就是一个相关的简单例子。 html>head>meta name="myName" content="NorthSnow" />meta name="myCity" content="Chang Chun" />meta name="myCareer" c
原创
2023-09-18 10:52:10
78阅读
关于电商产品展示,无论是从首页还是到栏目页,再到产品的详情页,产品展示效果不仅仅是在电商平台,在很多的企业网站也使用频繁,今天为大家分享一个HTML+CSS小案例项目:小米电商平台的商品展示页面!我们来一起看看吧! 那么我们要开发一个什么样的效果呢?来吧展示!!! 接着下来我们实战开发吧!温馨提示:本期课程是三十个实战案例的第2节,为了更好的学好前端,可以配合艾编程30天计划学
转载
2023-07-21 17:11:38
105阅读
用CSS实现类似导航翻转功能例子
今天写了一个css实现类化导航翻转功能例子,想拿出来和大家分享一下;
首先看看它的效果:
鼠标移上去的时候:
背景和字体的颜色都变了,效果如下:
首先写一个HTML文档,内容如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD X
原创
2011-04-23 19:35:56
1269阅读
点赞
1评论
###前言 最近开发中遇到的动画特效非常的频繁,加上之前开发是用到animation.js这个动画库,对动画的属性一知半解,so 今天来了解一下做个记录。 ###CSS3动画基础属性 其实也就是一张图就能概括了 ####@keyframes的语法属性 /* animationname : 定义一个动 ...
转载
2021-08-20 14:26:00
268阅读
2评论