![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 95
宝拉不想努力了
沉淀ing……
展开
-
模拟片刻网
小记:想打开看看片刻网,发现片刻网关闭了,最初学习HTML和css的布局就是从「片刻」开始的,他的布局结构清晰,而且便于想要学习前端页面的学者参考代码,理解起来也很容易。自己写的并不好,但是还是把自己之前的代码拿出来供大家参考和交流学习,追忆「片刻」。我的作品的链接地址模拟片刻01header导航栏的整体布局如下:整体还是使用盒模型的布局方式整体对 class为nav_body...原创 2019-11-11 12:21:34 · 705 阅读 · 0 评论 -
RGBA搭配
转载 2018-10-09 14:23:26 · 327 阅读 · 0 评论 -
关于Html class id 命名规范
关于Html class id 命名规范 CSS命名规则 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:log...转载 2018-09-30 08:22:15 · 1281 阅读 · 1 评论 -
高级网页设计Class-基础(不定期补充)
2018-9-131.前端解析json后端传送json,动态生成网页传到用户是静态的2.HTML标签化,使搜索引擎优化便于网络爬虫爬取信息。标签间距的特点,网页兼容性有关3.列表显示效果:点 还有周围有距离,点的特性删去可以在ul可以在li间距只有p h ul 有。ul的子元素只是li4.strong和b的区别:语义化,strong是强调(效果刚好加粗),b是加粗但是违背h5原则i和...原创 2018-09-27 11:26:00 · 1862 阅读 · 0 评论 -
src&
之前没有注意过这两个有什么区别,因为一直用的webstorm写,每次写个标签里面就会有补全的内容,直到用了echarts之后要外部引用的时候出现了问题上面提示找不到echarts,原来是我的script里面的写错了先简单介绍一下href和src-href: href是Hypertext Reference的缩写,表示超文本引用。用来建立当前元素和文档之间的链接。常用的有:link、a&lt...原创 2018-09-24 08:56:40 · 1337 阅读 · 0 评论 -
菜鸟教程-html
没有详尽的按书照搬,把自己觉得不是很清晰的整理了一下1.使用小写标签, 如<p>2.属性总是以名称/值对的形式出现,比如:name="value"。属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name='John "ShotGun" Nelson'属性有clas...原创 2018-09-01 22:04:51 · 5085 阅读 · 0 评论 -
div+css常用三种自动适应宽度分栏
CSS两列布局,右侧固定,左侧自适应宽度 <div style="width:90%; margin:0 auto; overflow:auto; _display:inline-block;"> <div style="width:200px; float:right; background:#090">这是右侧的内容</div&...转载 2018-09-04 14:09:30 · 841 阅读 · 0 评论 -
html-url
Web浏览器通过URL从Web服务器请求页面。scheme://host.domain:port/path/filename说明: scheme - 定义因特网服务的类型。最常见的类型是 http host - 定义域主机(http 的默认主机是 www) domain - 定义因特网域名,比如 runoob.com :port - 定义主机上的端口号(http 的默认端...原创 2018-08-24 11:29:32 · 1238 阅读 · 0 评论 -
左浮盒子和定位练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>小米</title> <style type="text/css"> bo原创 2018-08-07 17:11:47 · 704 阅读 · 0 评论 -
水平导航
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{原创 2018-08-01 16:58:14 · 777 阅读 · 0 评论 -
一个简单完整的网页
获得源码链接,点击这里网页头部+banner和信息部分+新闻部分+底部一 头部效果:先对css进行初始化分析:头部有一张图片和一个input输入框还有一个按钮+下面的通栏因为用到左浮,右浮的地方不同我们可以写一个通类这里的logo图片如果不定义宽高会影响下面的通栏的设置,影响其中的第一个为首的顺序无法对齐二、通栏(宽度为适应屏幕所以是10...原创 2018-07-24 17:49:45 · 60202 阅读 · 0 评论 -
css-简单滑动门
效果鼠标滑过的时候,只在左边的时候左边处于半充满状态,在中间的时候处于全充满 分析:导航用两个盒子组成:通栏+居中显示的列表项注意:鼠标滑动的时候背景图片发生改变,但是没有切换图片的功能,我们用a和span标签分别标记左边的半圆图片和右边的,这样hover就可以改变背景了。这里注意:每个链...原创 2018-07-25 13:47:24 · 3055 阅读 · 2 评论 -
css-滑动门由浅入深
滑动门,简单介绍下,这个技术用到div和css就可以完成不需要JavaScript,操作起来更简单也很实用,通常用在导航背景,根据内部文本自适应大小可以随意改变大小再说下精灵图(sprite):因为网页上有可能有很多小的图片用来做效果,页面上每一张图片都会需要向服务器请求一次,服务器压力很大。把小图集合在一张大图上,将来用到的时候,一次性把小图全都拿过来,这样就会减轻服务器的压力。两个...原创 2018-07-25 14:12:27 · 370 阅读 · 0 评论 -
一个完整的网页(详一)
查看源码:查看源码效果:简单分析:分成以下部分来整理顶部导航(通栏)搜索主导航商机市场建筑材料建筑材料列表大盒子儿童安全座椅儿童安全座椅列表工艺艺术品友情链接页脚-------------------------------------------------------------------------------------...原创 2018-07-27 13:52:48 · 6469 阅读 · 0 评论