自制页面小记

刚开始写html真的不太适应,比想象中的难。这回的网页虽然做的挺简陋不过确实能写出想要的效果,而且已经熟悉了套路。下面记录一些用法。

CSS:

  导入css

    <link rel="stylesheet" type="text/css" href="E:\pyFiles\html\console\window.css" >

  获得光标

    someElement:hover

  在标签后添加内容

    someElement:after{

      content:  

    }

  边框阴影

    box-shadow: 0 2px 8px 2px rgba(0,0,0,0.12);

  粗体

    font-weight:bold

  去掉ul.li中的点

    list-style:none

  字体:微软雅黑

    font-family: ‘Microsoft Yahei‘,‘SimHei‘

  最小高度:

    min-height

  不可见

    visibility: hidden

  合并边框,设置单一边框

    border-collapse: collapse;

  设置背景图片:

    background: url(../images/....png) no-repeat;

      no-repeat:不填充

      repeat-x:横向填充

      repeat-y:纵向填充

  清除两端float,防止把父类飘没了

    <div style="clear:both;"></div> 

  设置行高

    line-height:

  相邻单元格边框的间距

    border-spacing: 0;

  

  滚动条

    overflow:auto

    overflow:clear 超过滚动清除

  透明度

    opacity:0.5:chrome 透明度从0-1

  div层:z-index越大越在上面

  位置:position

    fixed 固定在浏览器窗口 left,top等来定位

    relative 相对位置 

    absolute 绝对位置,相对于浏览器的位置。在relative后为相对的位置。有时在div下也是相对div的位置

JQuery:

  核心:找到元素,操作元素

  

  框架加载完成后执行函数:

    $(document).ready(function(){});  其他的函数都应用写在这里面

  导入jquery

    <script src="../js/jquery-1.8.2.min.js"></script>

  

  获得对象的值:

    someElement.val();

  

  隐藏/显示标签:

    someElement.hide();

    someElement.show();

    someElement.toggle();    切换隐藏与显示

  获得元素的熟悉:

    someElement.attr("..");

  设置元素的属性:

    someElement.attr("name","liqx");

  

  判断元素是否隐藏

    if(someElement).is(":hidden")){};

    if(someElement).is(":visible")){};

  为对象添加或删除一个样式

    someElement.addClass().removeClass();

  跳转到某个页面

    location.href=‘some.html‘;

  

  

时间: 2024-10-11 16:31:35

自制页面小记的相关文章

使用GitHub建立个人网站

使用GitHub建立个人网站 1 Git简介 2 为什么使用Github Pages 3 创建Github Pages 3.1 安装git工具. 3.2 两种pages模式 3.3 创建步骤 3.4 常用命令 4 使用Jekyll搭建博客 4.1 什么是jekyll 4.2 jekyll本地环境搭建 4.3 jekyll目录结构 4.4 Jekyll-Bootstrap创建博客 4.5 Jekyll 写博过程 4.6 个性化博客 5 使用Markdown 5.1 简介 5.2 基本语法 5.3

EJS 是什么 ,怎么用,以及优点

一.什么是EJS EJS是一个JavaScript模板库,用来从JSON数据中生成HTML字符串. 二.为什么要使用EJS 与最初的JavaScript相比较,一些不太了解你的代码的人可以更容易地通过EJS模板代码看得懂你的代码. 让我们放松一下,一起来享受下令人激动的干净简洁的感觉. 总之可以让代码更加干净整洁,让人易懂. 可以看如下的例子: 这是用javascript实现的代码 var html = "<h1>"+data.title+"</h1>

自制Javascript分页插件,支持AJAX加载和URL带参跳转两种初始化方式,可用于同一页面的多个分页和不同页面的调用

闲话部分 最近闲着实在无聊,就做了点小东西练练手,由于原来一直在用AspNetPager进行分页,而且也进行了深度的定制与原有系统整合的也不错,不过毕竟是用别人的,想着看自己能试着做出来不能,后台的分页插件已经有比较成熟的了,那就自己试着写一个前台分页吧. 话不多说,先上效果图: 优点与缺点 来说说优缺点吧,首先AspNetPager是后台分页控件,所以在向客户端回传HTML文档之前生成HTML阶段 就会把分页代码生成完毕,然后回传,而JS是前端代码,就是HTML文档在服务器组织完毕往客户端传送

手机wap页面开发小记

最近偶然开发手机wap页面,记点新鲜的东西,嘿嘿. 1. 页面要标记为手机wap页面,可增加百度等工具对wap页面的识别度. 例如:<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> 同时,在<title>处标记 "Apple*" ,也利于搜素工具的检索

自制通过html网页自动跳转代码跳转页面

建设网站时,我们经常会遇到需要跳转页面的情况,例如我们的网站分中英文版本,网站程序索引页不是直接放在根目录下,而是分别放在"en"和"cn"目录中区分中英版本,打开网站时,想直接跳转到en目录访问英文版,则需要使用跳转代码跳转后方可以访问.下面我们看一下如何通过html代码跳转页面. <!DOCTYPE html> <html lang="en"> <head> <meta charset="U

L--基于js自制注册页面验证插件

介绍 完全基于javascript的验证插件 js代码 var registerValidate = (function () { var validateObj = { warnInfo:"请按提示输入内容", errorInfo:"您输入的的内容有误,请按提示输入" }; var registerValidate = function () { /*----phone number-------*/ validateObj = { input: document

Openwrt中luci配置页面cbi小记

先看看network的配置文件: [html] view plaincopy config interface 'loopback' option ifname 'lo' option proto 'static' option ipaddr '127.0.0.1' option netmask '255.0.0.0' config interface 'lan' option ifname 'eth0 eth1' option type 'bridge' option proto 'stati

基于页面js的自制简易测试工具

js_test_framework 该工具主要用于web前端单元测试,通过直接在浏览器中调用js方法,实现界面上的现场测试 git地址: https://coding.net/u/mich/p/js_test_framework/git 流程 通过testLive在现场录制所需要的请求,testLive会记录期间所有的请求,同时可以重新运行 将testLive录制后的请求,通过output方法输出至控制台,将输出的data写入自定义模块的RequestData中,同时在定义data后注册进req

关于自动化部署之docker容器的折腾小记

docker的英文本意是码头工人,也就是搬运工,这种搬运工搬运的是集装箱(Container),集装箱里面装的可不是商品货物,而是任意类型的App,Docker把App(叫Payload)装在Container内,通过Linux Container技术的包装将App变成一种标准化的.可移植的.自管理的组件,这种组件可以在你的latop上开发.调试.运行,最终非常方便和一致地运行在production环境下. 具体什么是docker,你们自己找资料吧,应该好理解.   可以说是个运维的利器,可以把