html

最新推荐文章于 2024-07-19 15:32:49 发布

swz8132847

最新推荐文章于 2024-07-19 15:32:49 发布

阅读量124

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/swz8132847/article/details/8658434

1. iframe元素：浮动窗口；在一个含有body的页面中添加另一个页面；

浮动窗口，可以使用嵌入其他网页来进行使用；

<body>

<h1>hello world</h1>

<a href="www.taobao.com" target="iframe1">连接到淘宝</A><br/>

<a href="kk.html" target="iframe1">连接到kk.html</A><br/>

</body>

2.表单元素

from一般都带action和method；

《action》一般是提交给哪个页面的url，

《method》提交数据有两种方式，get/post：

a，post安全，不会显示在地址栏；

b，提交数据量，get最多提交2000k，post无限制；

c，响应速度；get立即响应；

d，get可以收藏地址；

user，psw需要使用套接层加密；

3.隐藏域：偷偷提交数据，不影响界面效果；

4.移动：marquee，width，loop，scrollamount，

5.fieldset，legend，

6.登陆界面，有背景图，login.html

table缺点：a，显示样式和数据绑定在一起；

b，布局的灵活度不高；

c，一个页面可能会有大量的table元素，代码就会冗余；

d，增加带宽（200kb*200000*30）；

e，搜索引擎不喜欢这样的布局；

优点：

a，理解比较简单；

b，不同浏览器看到的效果一般是相同；

c，显示数据还是很好的；

div+css基本思想：数据和样式要分离；

div（区段）数据，图表，文字，css用来指定怎样显示；从而做到数据和显示分离。

7.引入css，<link rel="stylesheet" type="text/css" href="my.css"/>

style{

width:400px;

height:300px;

background-color:silver;

border:1px solid red;

margin-left:400px;

margin-top:250px;

padding-top:250px;

paddint-left:40px;

text-decoration:underline;

}

zendstudio：开发过程有提示，效率会高；

<body>

</body>

css

类选择器属性

界面滤镜

静态滤镜

转变滤镜

img{

filter:gray;

}

</style>

<head>

a:link img{

filter:gray;

}

a:hover img{

filter:"";

}

</style>

</head>

<body>

</body>

选择器：类选择器、id选择器、html元素选择器、通配符选择器；

优先级：id>class>html>通配符选择器；

多个类选择器的话，css中谁写在后面，谁为准；

类选择器名{

属性名：属性值；

}

#id选择器名{

属性名：属性值；

}

html

{

属性名：属性值；

}

a:link{

color:black;

text-decoration:none;

}

a:hover{

text-decoration:underline;

color:green

}

a:visited{

color:red;

}

通配符选择器：

/*margin-top:40px;

margin-left:0px;*/

margin:10px,30px,50px,20px;/*上-右-下-左*；如果是两个值，代表（上下，左右）*/

margin:0px;

padding:0px;/*屏蔽不同浏览器的默认边距，因浏览器不同，但是通配符的优先级最低*/

}

父子选择器：

#id1 span{

color:red;

font-style:italic;

}

#id1 span span{

color:green;

}

行内元素inline，块元素：block

行元素：inupt type="XXX"，a,span;行内元素只占内容的宽度，块元素内容不管内容多少占全行。

行内元素只能容纳文本和其他行内元素，块元素可以容纳文本；一些css属性对行内元素不生效；比如margin，left，width，height，建议使用块元素div定位；

块元素：div，p，

display可以进行转化行元素和块元素

import url("被引用的css文件")
流：
标准流：在html文件中，写在前面的元素在前面显示，写在后面的在后面显示；
非标准流：当某个元素脱离标准流，就属于非标准流。

DOCTYPE的引用
让body自动居中；margin：0 auto；

类选择器：优先级比较低，如果要改的话，就可以使用id选择器进行修正；

使用css的话，需要在head中进行引用；

使用ul，在布局中可以控制显示的多少；

.li{

list-style-type:none;

float:left;

width:52px;

height:50px;

border:1px solid red;

}

右浮动：针对块元素，向右移动，让出自己的空间给别人用。

如果不希望别的元素在某个元素的左边或者右边，可以清除浮动的方法：clear:right;clear:left;clear:both;