• css中代码格式以及@import的语法结构

    CSS中代码格式 CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制,属于表现层的布局语言。 1.基本语法规范 分析一个典型CSS的语句: p {COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p"我们称为"选择器"(selectors),指明我们要给"p"定...

    2018-06-24 01:45:26 css文件css代码css和html

  • 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 直接...

    2018-06-24 01:44:31 css文件css代码html源码html文档

  • 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...

    2018-06-24 01:41:30 js特效css代码信息网络安全

  • 用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代码