`
angowang
  • 浏览: 5465 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论
文章列表

css局部布局

    博客分类:
  • css
<!DOCTYPE html> <html lang="zh-cn">     <head>         <meta charset="utf-8" />         <title>导航菜单</title>         <style type="text/css">             * {                 margin: 0px;                 padding: 0px;     ...

css整体布局

    博客分类:
  • css
左宽固定,右宽自适应一: <!DOCTYPE html> <html lang="zh-cn">     <head>         <meta charset="utf-8" />         <title>左宽固定,右宽自适应</title>         <style type="text/css">             * {                 margin: 0px;               ...
1、document.domain+iframe www.a.com上的a.html document.domain = 'a.com'; var ifr = document.createElement('iframe'); ifr.src = 'http://script.a.com/b.html'; ifr.style.display = 'none'; document.body.appendChild(ifr); ifr.onload = function(){ var doc = ifr.contentDocument || ifr.contentWi ...
例子: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Test</title> <style type="text/css"> body{ margin: 0px; padding: 0px; text-align: center; } .box1 { width: 19.5%; height: 150px; background-color: red; dis ...
例子: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Test</title> <style type="text/css"> body{ margin: 0px; padding: 5px; } .box { text-align: center; } .left { display: inline-block; width: 49.5%; margin-ri ...
1.在</body>前放置<script type="text/javascript"></script>标签; 2.非阻塞脚本; <!DOCTYPE html><html>    <head>        <meta charset="utf-8" />        <title>xxx</title>    </head>    <body>        <script type="text/ ...

css的浮动

    博客分类:
  • css
1.浮动的标签:脱离文档流的标签元素; 2.css的float属性和position属性都可以让标签元素浮动起来; 3.示例: float示例一: 具有float属性的标签脱离文档流,其原本的位置被紧接着的元素占有 <!DOCTYPE html><html>    <head>        <meta charset="utf-8" />        <title>xxx</title>        <style type="text/css">    ...
阴影效果: <!DOCTYPE html><html>    <head>        <meta charset="utf-8" />        <title>xxx</title>        <style type="text/css">            .box {                width: 400px;                height: 400px;                background: pink; ...

css的居中

    博客分类:
  • css
css的居中问题有好几种,第一种是水平居中,其实现代码如下: <!DOCTYPE html> <html> <head> <title>xxx</title> <style type="text/css"> .parent { width: 400px; height: 400px; background-color: red ...

html的表单

    博客分类:
  • html
html的表单标签form用于包含要提交到服务器的表单域信息,它常以如下的形式出现: <form action="xxx" method="xxx"> <label for="xxx"></label><input type="text" name="xxx" id="xxx" /> </form>  需要注意的有: 需要发送到服务器的字段必须有name="xxx"; fo ...

html的书写

    博客分类:
  • html
作为web开发的基础知识,html是一种非常简单的标签语言。虽然简单,但是还是要重视的,因为结构良好的html标签可以方便你日后的维护,更重要的是美观的代码布局会降低你开发的倦怠性。一般的html文件如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="author" content="xxx" /> <meta ...
Global site tag (gtag.js) - Google Analytics