Html5 和 CSS的简单应用

【Html5 和 CSS的简单应用】的更多相关文章

Html5 和 CSS的简单应用

本文是利用几个简单的小例子,来实现html+css的简单应用. 菱形链接菜单本例是采用html5+css3.0设置的菜单链接.其中主要用到了以下几个方面: CSS3.0中的2D变换,如:旋转transform:rotate(45deg);移动,放大transform:rotate(-45deg) scale(1.2,1.2) translate(10px,0px);/*鼠标放上去后,放大,移动*/等功能. 用到了margin:25px;/*margin表示元素与其他元素之间的空白*/. 超链接…

html css的简单学习（二）

html css的简单学习(二) <!Doctype html>告诉浏览器,这是一个html文档.lang="en" 默认是en,表示英语:zh-Hans 中文简体:zh-Hant 中文繁体:===========================================================行内文本标签:示例:<p>今天下午<time>4点到6点</time>在<address>会议室</address…

HTML5 div+css导航菜单

HTML5 div+css导航菜单视频音乐小说故事作品阅读联系…

html5 canvas 实现一个简单的叮当猫头部

原文:html5 canvas 实现一个简单的叮当猫头部 html5的canvas是很强大的,今天也是温习了一下之前的基础知识,然后学着做了一个简单的小案例.虽然在这一块几乎空白,但还是乐于尝试...... 效果如下: 代码如下: <div class="doraemon"> <canvas id="face" width="600" height="1500">您的浏览器不支持canvas</c…

CSS绘制简单图形

究竟该用字体图标.图片图标.还是CSS画一个图标?我也不知道.各有千秋吧.本文将介绍如何用css绘制简单的图形,所有测试在chrome58.0完成,如果你不能得到正确结果请到caniuse查一查看看是不是需要什么前缀. 一.基础 <!DOCTYPE html> <html> <head> <title>basic shapes</title> <style type="text/css"> div{ box-siz…

html css的简单学习（三）

html css的简单学习(三) 前端开发工具:Dreamweaver.Hbuilder.WebStorm.Sublime.PhpStorm...==========================================================head头的本质:优化页面,利于搜索:设置字符集,防止乱码:引入外部样式方便:规定呈现样式.===========================================================<meta name="…

html css的简单学习

html css的简单学习 css的内边距:padding (auto.length.%)(顺序:上.右.下.左)padding-toppadding-leftpadding-rightpadding-bottom 示例:*{padding:10px 20px 30px 40px} //顺序:上.右.下.左===========================================================css中的外边距:margin (auto.length.%)(顺序:上.…