HTML+CSS3复习



HTML5
!DOCTYPE:为声明代码 告诉浏览器下面的代码是什么
属性=“属性值”
地址:src
有地址就有绝对路径和相对路径
../为上一级目录 .下级目录

alt:提示文字,即为图片未加载出来以文字代替

target:目标窗口的打开方式 此时窗口self 新的窗口blank
锚链接:
本页位置锚链接:
目的地需要使用<a name="目的地名称"></a>
起始位置使用#+“目的地名称”
其他页锚链接:
目的地需要使用<a name="目的地名称"></a>
起始位置: “页面名称”+#+“目的地名称”
功能性链接:
考虑到软件的安全,大多数软件会关闭功能性链接
moilto:邮箱 即可启动邮箱控件


常用的特殊符号:
&nbsp空格 &it小于号 &gt大于号 &amp和号
&quot引号 &copy版权号

Video视频元素
control属性的播放组件 autoplay自动播放 loop循环播放
由于大多数浏览器支持的视频格式不一样,所以要写多个文件格式
<scoure src="" type="video/格式">

HTML5的结构元素
header网页头部区域的内容
section网页主体部分
foother网页底部


CSS层叠样式表
CSS优势 减少代码量,增加网页的浏览速度,节省网络带宽 有利于网页被搜索引擎记录

网页中引用CSS (行内样式>内部样式>外部样式)
内联样式 写在代码body上,<style></style>
内部样式 即为行内样式 写于行之间 会造成代码的冗余 不支持
外部样式
链接式 <link href="style.css" rel=" stylesheet" type="text/css"/>
文件地址 使作外部样式表 文件类型
导入式:@import导入
两者都是将css文件引入到网页文件当中,但是区别在于先后问题,浏览器会优先将加载链接式再对HTML文本进行编译,再网速慢的情况下效果也不会差。但是导入式是后加载,若网速慢的情况下,会使HTML网页的结构加载出来,显示效果低,对用户不友好


选择器:
1.标签选择器p
2.类选择器.
3.ID选择器# 优先级 3>2>1
伪类选择器: a(标签名):hover(伪类名)
:link 未单击访问超链接样式
:visited 单击访问后超链接样式
: hover悬浮的超链接样式
: active 单击未释放的超链接样式
Font字体样式
文本样式 color颜色 text-align水平对齐方式 text-indent-设置首行缩进
line-height 文本行高(设置为与行高一样即可居中)
text-decorationw 文本装饰

div为一个盒子。容器,想放什么就放

background背景 (简写可以省略属性,直接写属性值)
背景颜色background-color 背景路径:background-image:url()
背景重复background-repeat

列表
列表分为有序ol、无序ul、自定义dl
<ol>
<li></li>
</ol>

<ul>
<li></li>
</ul>

<dl>
<dt>
<dd></dd>
</dt>
</dl>

表格 colspan跨列 rowspan跨行
<table>
<tr>
<td>


表单:
<form method="post/get" actiom="">
<imput type="submit" name="button" value="提交>
</form>
method提交方式 post更为安全不会显示出表单中的文字 get则相反
action为提交地址
imput type 为类型
元素类型:text(默认)、password、checkbox radio submit reset file image button select(列表框)


css的高级操作
边框--border
border-top-style -left- -right- -botton-
double双线 doshed虚线

边距--margin:0 auto; 可设置为自动居中

计算盒子模型尺寸:
边距+边框+内容 不包括内边框

标准文档流
块级元素--内联元素

display属性
none设置元素不会被显示
inline元素会被显示为内联元素
block元素会被现实为块级元素
inline-block行内块元素

float浮动 left-right-none
clear:清除浮动 both左右不允许出现浮动

溢出 overfolat
visible显示在盒子以为不可见
scrol滚动条
auto hidden隐藏


部分不重要的就没写出来,关键还是给自己看的。

阅读更多
文章标签: HEML CSS
个人分类: Java
下一篇二维数组
想对作者说点什么? 我来说一句

HTML5+CSS3

2015年07月24日 18.95MB 下载

html+css3前端基础知识

2017年07月09日 20.32MB 下载

HTML+CSS3从入门到精通

2017年03月09日 26.98MB 下载

HTML+CSS3网页开发实战精解 课件ppt

2018年04月17日 6.74MB 下载

网站整屏滚动源码

2013年06月18日 750KB 下载

仿QQ浏览器mac版官网主页css3特效

2016年06月07日 1.23MB 下载

没有更多推荐了,返回首页

关闭
关闭