<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>隐藏导航练习</title><style type="text/css"> <style type="text/css"> * { margin:0px;padding:0px;} #aa {height:40px;width:90px;top:80px;left:200px;background...
前端的工作很细，涉及的东西也很多，静态页面和js开发，调接口之类，有时还要自己设计。现在css管理使用less和sass，新东西起码要支持下，具体用与不用看公司的业务需求。前端人员之间的配合也很重要要有统一的文档，命名和一些规范。现在介绍一下网易的NEC，我觉得很不错。起码在命名和一些规范，动画效果上可以快速开发，代码写的快是王道我喜欢这句话。原文：http://www.cnblogs.com/heboliufengjie/p/4149600.html
主要内容：1. HTML标签：表单标签2. CSSHTML标签：表单标签* 表单： * 概念：用于采集用户输入的数据的。用于和服务器进行交互。 * form：用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围 * 属性： * action：指定提交数据的URL * method:指定提交方式 * 分类：一共7种，2种比较常用 ...
<strong><span style="font-size:12px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title>MyHtml.html</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=gb2312"><style type="text/css">*{margin:0px;padding:0px;}#web{width:1020px;hei...
HTML/CSS方法实现下拉菜单来源：慕课网<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>无标题文档</title><style type="text/css"> *{ margin:0px; padding:0px;}/*清除所有默认格式*/#menu{ background-color:#eee;...
div#div1>ol>li.id*4 tab键 <div id="div1"><ol><li id="id"></li><li id="id"></li><li id="id"></li><li id="id"></li></ol></div>div.main>ul>li.c*4 tab键 <div class="main"><ul><li class="c"></li><li class="c"></li><li class="c"></li><li class="c"></li></ul></div> 原文：https://www.cnblogs.com/icemonkey/p/10495079.html
本篇博客实现一个HTML与CSS简单页面效果实例index.html 1 <!DOCTYPE html>2 <html>3 <head>4 <meta charset="UTF-8">5 <title>Insert title here</title>6 <link href="style.css" rel="stylesheet" type="text/css">7 </head>8 <body>9 <div class="container"> 10 <div class="wrapper"> 11 <div class="heading"> 12 <div class="heading_nav"> 13 <div class="head...
伪类选择器：伪类是直接在元素后面加“:”,例如a:hover,可直接在css中用而不用在html中像类一样定义,因为是浏览器预先设定好的。a一般顺序是:a:link{} 未访问状态链接a:visited{}已访问状态链接a:hover{}鼠标悬停上时状态还有其他伪类,如first-child对应第一个子元素,last-child最后一个子元素,nth-child(even/2n)第偶数个子元素,nth-child(odd/2n+1)第奇数个子元素。 盒模型的定义： css将每个元素都看做一个盒子,包括以下属性...
表格 —— 默认样式重置表格标签： table 表格 thead 表格头 tbody 表格主体 tfoot 表格尾 tr 表格行 th 元素定义表头 td 元素定义表格单元表格样式重置 table{border-collapse:collapse;} 单元格间隙合并 th,td{padding:0;}重置单元格默认填充 单元格合并rowspan 属性规定单元格可横跨的行数。 <td rowspan="2"></td>colspan 属性规定单元格可...
HTML有许多特殊的字符，您对此有多少了解？平时在WEB制作中，您又有用到多少？或者说你在平时使用之时，是否也会碰到，有许多特殊字符要如何打印出来？比如说“笑脸”，比如说“版权号”。要是你用时忘记了这些特殊字符，不要紧，请记住今天这个地址，你就随时可以查到这些特殊字符的表示方法。简单的介绍一下其使用方法：1、这些字符属于unicode字符集，你的文档需要声明为”utf-8“2、列表符号后面有两列编号，第一列编号用于HTM...
HTML部分：一、超链接部分：<a herf>是超文本链接引用，属性为目标文件。 1、热区链接 <img src="图片地址" usemap="#映射图片名称"> <map name=“映射图片名称”> <area shap="热区形状" coords="热区坐标" href="URL"> </map> 2、 图片链接 <a href=" "> <img src=" " border=" " alt=" ";> // (表示规定图片的替代文本，提...
需求：实现日历备忘录（静态）<!DOCTYPE html><html><head><meta charset="utf-8"><title>日历备忘录</title><style type="text/css">table {width: 900px;table-layout: fixed;border-collapse: collapse;}th,td {border: 1px dotted #999;padding: 5px;}.head {height: 30px;background-color: #DDD;text-align: center;}.body {height: 140px;vertical-align: baseline;}caption {text-align: left;}.special {background-color...
JavaWeb — 02 HTML+CSS软件架构： 1. C/S: Client/Server 客户端/服务器端 * 在用户本地有一个客户端程序，在远程有一个服务器端程序 * 如：QQ，迅雷... * 优点：1. 用户体验好 * 缺点：1. 开发、安装，部署，维护 麻烦 2. B/S: Browser/Server 浏览器/服务器端 * 只需要一个浏览器，用户通过不同的网址(URL)，客户访问不同的服务器端程序 * 优点：1. 开发、安装，...
标签：<div><span css属性：width,height,padding:上下 左右; margin:上 右 下 左;position:absolute/relative/fixed/static; <p> css属性：font-family,font-size,font-weight,font-style,color,text-decoration,text-align:justify;letter-spa...
1.在pycharm的已有工程中新建一个html文件。2.在<body></body>标签内部写入要内容：<div class=‘head-box‘ ><div class="content-box"><a href="#" class="logo"></a><div class="action-menu"><a href="#" class="tb active">全部</a><a href="#" class="tb">42区 </a><a href="#" class="tb">段子</a><a href="#" class="tb">图片</a><a href="#" class="tb">挨踢1024</a><a href="#" class="tb">你问我答</a></div><div clas...