html设置网页的结构内容,css设置样式,要记的标签很多,要学好无非是多练,然后看别人怎样写的代码,对比自己的,这样能更好地理解。 关于浮动,既然所有浮动必须要清除,那在设置浮动的同时,就先把清除浮动的代码写上,免得后面忘记清除浮动。设置父元素的高度height,div中最后的div元素设置clear{clear:both},ul中在ul属性上设置overflow{overflow:hidden}是三种有效的方法 padding与margin对块元素及行内元素均适用...
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .div1{ height: 350px; /*/!*background: red;*!/*/ /*float: left;*/ margin-top:60px; margin-left: -2px; position: absolute; border-radius:5px; margin-bottom: 60px; } #frame {/*----------图片轮播相框容...
学习前端有一段时间了,一直在看书上的理论知识,而实战项目却很少。师兄常说,想要知道自己的实力有多少,知识掌握了多少,最好的方法就是去实践了,实践出真知嘛。于是决定在这个假期里,主要是通过项目的实践以及理论知识的辅助来提高代码水平。首先是做几个HTML5+CSS3静态页面布局的练习,查缺补漏知识点并且总结在实践过程中遇到的一些错误。页面的设计稿主要是网络上找来了的,也尝试自己切图、测量位置、获得内容的属性等等...
<style>/*头像气泡*/.popHead {position: relative;/*border: 1px solid red;*/width: 14vw;height: 33vw;overflow: hidden;left: 85vw;text-align: center;/*padding-left: 2.5vw;*/}.popHead .scrollUl li {position: absolute;display: inline-block;top: 100%;white-space: nowrap;z-index: 100;background: rgba(0, 0, 0, 0.5);width: 7vw;height: 7vw;border-radius: 12vw;list-style: none;right: 1.5vw;opacity: 1;}
</sty...
------------------开始------------------0x01:前言 今天决定要将《sql注入攻击与防御》这本书吃完。今天开了个头,看了一些,然后还是继续看大佬们写的挖洞经验。有看不懂的地方,简单搜索下概念,先了解着,随着知识的积累,到了一定时间段,都会吃透的。这就是我的学习方法,其实不好,但是奈何脑子转的慢,也是没办法。心有不甘,但是我还是相信我会变得很厉害,也想配的上大佬的称号,哈哈哈。 前言总爱扯皮,...
这个礼拜学习了html5和css的知识,现在就来列举在html5中学习到的元素。 首先是块级元素:html/body/form/textarea/h/ul/ol/dl/pre/div/p/button/hr/table行内元素:head/meta/label/span/br/a/strong/b/em/i/title/行内块元素:img/td/input 块级元素与行内元素的差别:块级元素需要换行,而行内元素在没有css的干预下,块级元素独占一行,可以设置宽高,行内元素,并排显示,由内容撑起宽高。原文:http://www.cnblogs.com/wjf0...
HTML中META属性详解 meta是html语言head区的一个辅助性标签。几乎所有的网页里,我们可以看到类似下面这段的html代码:
<head> <meta http-equiv= "content-Type " content=
"text/html; charset=gb2312 "> </head>
也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,例如加入关键字会自动被大型搜索网站自动搜集;可以设定页面格式及刷新等等。
一、meta标...
HTML经过10多年的发展,其元素经历了废弃与不断重新定义的过程。为了更好的处理现在的互联网应用,HTML5新增了图形绘制、多媒体播放、页面结构、应用程序存储、网络工作等新元素。http://hovertree.com/menu/html5/图形绘制新元素标签描述<canvas>标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API新多媒体元素标签描述<audio>定义音频内容<vedio>定义视频内容<source>定义多媒体资源(audio或vedio)<embed>定...
# -*- coding: utf-8 -*-
#python 27
#xiaodeng
#python模块之HTMLParser抓页面上的所有URL链接import urllib
#MyParser类写法一‘‘‘
from HTMLParser import HTMLParser
class MyParser(HTMLParser):def __init__(self):HTMLParser.__init__(self)def handle_starttag(self, tag, attrs):if tag == ‘a‘:for name,value in attrs:if name == ‘href‘ and value.startswith(‘http‘):print value‘‘‘#MyParser类写法二impor...
HTML
Time Limit: 1000MS Memory Limit: 65536K
Total Submissions: 8060 Accepted: 2612DescriptionIf you ever tried to read a html document on a Macintosh, you know how hard it is if no Netscape is installed.
Now, who can forget to install a HTML browser? This is very easy because most of the times you don‘t need one on a MAC because there is a Acrobate Reader which is native to MAC. But if you ever ...
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>文件上传</title><style>.upload-wrapper {font-size: 0;}.file-input {position: relative;display: inline-block;width: 200px;height: 50px;line-height: 50px;border-radius: 5px;text-align: center;font-size: 18px;font-weight: bold;background-color: #009688;color: #fff;vertical-align: top;z-index: 1;}#upload{position: absolute;left: 0;top...
邮箱邮箱: 需要通过邮箱激活帐户,不支持sohu, 21cn, sogou的邮箱登陆用户名: 仅在登陆时使用,字符不少于4个显示名称: 即昵称,字符不少于2个密码确认密码 至少8位,必须包括字母、数字、特殊字符性别:男女喜好:听音乐打篮球跑步其他 <!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><met...
1.如何理解HTML?HTML类似于一份word“文档”描述文档的“结构”有区块和大纲2.对WEB标准的理解?Web标准是由一系列标准组合而成。一个网页主要由三部分组成:结构层、表现层和行为层。对应的标准也分三方面:结构化标准语言主要包括XHTML和HTML以及XML,表现层标准语言主要包括CSS,行为标准主要包括对象模型,DOM、ECMAScript等2.1 结构层标准结构化标准语言,就是W3C规定的主要包括HTML和XHTML以及XML,在页面body里面我们写入的...
React 的 JSX 使用大、小写的约定来区分本地组件的类和 HTML 标签。既渲染html标签需要使用小写字母开头的标签名而渲染本地React组件需要使用大写字母开头的标签名注意:由于 JSX 就是 JavaScript,一些标识符像 class 和 for 不建议作为 XML 属性名。作为替代,React DOM 使用 className 和 htmlFor 来做对应的属性。 原文:http://www.cnblogs.com/yaomengli/p/7851218.html
1.display 中 block, inline, inline-block 的区别 1).默认情况下, block 宽度占满整个浏览器, inline 宽度等于其内容的宽度 2).每行只容纳一个 block 元素, 但可以并列容纳多个 inline 元素 3).block 元素宽、高、行高等可以更改, inline 元素宽、高、行高等不可更改 4).应用 inline-block 的元素呈现为内联对象, 周围元素保持在同一行, 但可以设置宽度和高度地块元素的属性(这样可以使用 li + inline-block 制作导航...