博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML+CSS
阅读量:7223 次
发布时间:2019-06-29

本文共 2437 字,大约阅读时间需要 8 分钟。

 

一个制作矢量图标(SVG)的网址:https://icomoon.io/

相对路径

 

在heade标签中使用base标签设置基准URL,在html文档的其他地方使用到a标签的时候,hreft的值就可以直接是一个文件的名称最后生成的连接地址会是:http://serverName/FolderName/page2.html
使用base标签设置基准URL

 

在style标签中使用media属性

 

noscript标签

 

form标签一般有3种编码格式:application/x-www-form-urlencoded编码(默认编码除文件上传外都可以使用)、multipart/form-data编码(文件上传使用) 以及text/plain编码(没有正式规范,不推荐使用)    
form标签3种编码格式

 

 

        
Document
click here 发送邮件在IE浏览器中,可以调用本地的exe程序 使用ftp协议访问文件服务器 调用本地的outlook发送邮件
百度

vichin

a标签的其他使用

 

meta标签的使用

 

    
Document

输入框中带有下拉列表功能

 

输入框中禁止复制粘贴

 

default
使用Map标签,点击图片某一区域,进行页面跳转

 

    
Document
Html5中webStorage的使用

 

CSS属性

box-sizing:border-box;

 

使用position:absolute 会让当前元素相对于其父元素来设置一个绝对位置,但是父元素的位置不能是position:static(如果一个元素不设置position属性,那么起默认为static)。所以要用position:absolute相对于父容器的位置的时候,可以为其父容器增加一个position:relative

 

ime-mode: disabled;
禁止使用输入法,IE浏览器中使用

 

 

页面布局:

一列布局:通常作为网站的首页,页面内容较少。页面通常是固定宽度的。

两列布局:一般自适应宽度的两列布局很少,通常都是固定宽度的两列布局。

 

    
单列布局
一列布局

 

    
Document
两列布局

 

    
Document
简介:如何用CSS进行网页布局?这可是前端工程师最最基本的技能,本课程教你怎么制作一列布局、二列布局、三列布局当然还有最通用的混合布局,而且你还可以选择让它固定还是自适应。用CSS重新规划你的网页,让你的网页从此更美观、更友好。
三列布局

 

    
Document
200px
简介:如何用CSS进行网页布局?这可是前端工程师最最基本的技能,本课程教你怎么制作一列布局、二列布局、三列布局当然还有最通用的混合布局,而且你还可以选择让它固定还是自适应。用CSS重新规划你的网页,让你的网页从此更美观、更友好。
300px
特殊的三列布局

 

    
混合布局
混合布局

 

转载于:https://www.cnblogs.com/vichin/p/9096140.html

你可能感兴趣的文章
react-native 项目实战 -- 新闻客户端(1) -- 初始化项目结构
查看>>
ToggleButton开关状态按钮控件
查看>>
ZOJ 3456 Traveler Nobita 最小生成树
查看>>
C#调用SQL Server有参的存储过程
查看>>
纯Java实现定时任务(转)
查看>>
js放大镜代码
查看>>
Mac 10.12安装Command+Q误按提示工具
查看>>
【转】Linux cp -a用法
查看>>
kafka单机模式部署安装,zookeeper启动
查看>>
CentOS增加用户到sudo用户组
查看>>
C++ delete operator做了什么事
查看>>
partproble在RHEL 6下无法更新分区信息
查看>>
linux服务之nfs
查看>>
linux ps命令,查看某进程cpu和内存占用率情况, linux ps命令,查看进程cpu和内存占用率排序。 不指定...
查看>>
iHover – 30+ 纯 CSS 实现的超炫的图片悬停特效
查看>>
C++Builder 内存泄露检测
查看>>
Android MediaPlayer 和 NativePlayer 播放格式控制
查看>>
总结一下工作中用到的Mybatis业务逻辑
查看>>
[转]jmeter 自定义测试脚本
查看>>
Codeforces554D:Kyoya and Permutation
查看>>