-
css中代码格式以及@import的语法结构
CSS中代码格式 CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制,属于表现层的布局语言。 1.基本语法规范 分析一个典型CSS的语句: p {COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p"我们称为"选择器"(selectors),指明我们要给"p"定...
-
label+input实现按钮开关切换效果
label+input实现按钮开关切换效果 !DOCTYPE htmlhtml lang= " en " head meta charset= " UTF-8 " meta name= " viewport " content= " width=device-width, initial-scale=1.0 " meta http-equiv= " X-UA-Compatible " content= " ie=edge " titleDocument/title styl...
2018-06-24 01:45:13 css代码
-
JS实现幸运抽奖页面
JS实现简单的幸运抽奖页面 效果图: 图片素材 : 代码如下,复制即可使用: ! DOCTYPE html html head lang ="en" meta charset ="UTF-8" title 幸运抽奖页面 / title style /* CSS代码 */ * { padding : 0 ; margin : 0 ; } .login-box { width : 500px ; height : 43...
2018-06-24 01:45:05 css代码
-
前端开发之css篇
一、css简介 css(Cascading Style Sheets)层叠样式表,是一种为html文档添加样式的语言,主要有两个功能:渲染和布局。使用css主要关注两个点:查找到标签,属性操作 二、css的引入方式 (1)行内式引入: div style ="color:red;font-size: 16px" hello / div 直接...
-
CSS基础
一、什么是CSS W3C标准中,倡导有3:其一为内容与表现分离,其二为内容与行为分离,其三为内容结构的语义化。其倡导中第一条的“表现”指的便可以说是CSS。CSS全称Cascading StyleSheets,中文名为层叠样式表,是一种用来表现HTML等文件样式的计算机语言。 二、CSS的常...
2018-06-24 01:43:30 css样式表css文件css代码什么是csshtml与css导入css引入外部css
-
巧用CSS属性visibility与opacity代替鼠标经过的jQuery事件
一直使用jQuery的hover()函数来写鼠标经过事件,这几天发现其他同行直接使用CSS就搞定了。自己在线下也试了试: 当然也并不是没有前提条件,需要配合一些定位属性来使用(position/top/left)。代码如下: ! DOCTYPE html html lang ="en" head meta charset ="UTF-8"...
2018-06-24 01:42:52 css代码
-
用css3的cursor:zoom-in/zoom-out实现微博看图片放大镜效果
1.前言 CSS3的出现解决了很多让人头疼的问题,至少我想很多童鞋都这样认为。css3的cursor属性大家用的应该是非常的多的,我想用的比较多的像cursor:pointer;cursor:help;cursor:text;等等。很少人用到cursor:zoom-in/zoom-out;今天就来讲一下这两个属性值的用法。 2.简...
2018-06-24 01:42:30 css代码
-
几种常用的清除浮动方法
1、父级div定义伪类:after和zoom style type ="text/css" .div1 { background : #000080 ; border : 1px solid red ; } .div2 { background : #800080 ; border : 1px solid red ; height : 100px ; margin-top : 10px } .left { float : left ; width : 20% ; height...
2018-06-24 01:41:51 css代码
-
用户注册界面(带js特效)
用户注册页面以及js特效:1、表单联动;2、正则表达式验证。 一、html和css代码(用table进行布局,div也可以达到一样的效果) 1 html 2 head 3 meta charset ="utf-8" 4 style 5 table { 6 border-collapse : collapse ; 7 margin-left : auto ; 8 margin-right : aut...
-
用javascript实现简易留言板
用原生js制作的简易留言板。 具备以下功能:1、在输入框输入文字留言;2、将留言显示在留言板;3、删除留言。 html和css代码: 1 ! DOCTYPE html 2 html lang ="en" 3 head 4 meta charset ="UTF-8" 5 style 6 * { margin : 0 ; padding : 0 ; } 7 #container { 8 widt...
2018-06-24 01:41:11 css代码
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash
