HTML与CSS
文章平均质量分 78
FreeSpider公众号
全网同名
展开
-
CSS表格
通过以下代码来实现对一个表格的操作:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0&原创 2018-05-19 19:33:42 · 556 阅读 · 0 评论 -
基于JS与CSS的小游戏---不安分的球球
请将代码保存成html格式的文件,然后用谷歌或者火狐浏览器打开即可看见效果,提醒:球是可以点击的哦!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=原创 2018-05-22 20:41:23 · 788 阅读 · 0 评论 -
margin-top塌陷问题的现象与解决
margin-top塌陷问题什么是margin-top塌陷margin-top塌陷是在CSS的盒子模型中出现的一种现象,描述的是当父元素包裹着一个子元素的时候,当给子元素设置margin-top属性时,此时只是想让子元素的边框距离父元素边框有一段距离,而却出现了父元素的顶端距离body这个边框出现了位移,这就是margin-top塌陷的现象。在未给子元素(绿色部分)添加margin-to...原创 2018-05-26 14:55:32 · 13199 阅读 · 0 评论 -
前端与CSS知识点总结
前端与CSS知识点总结1.Html常用标签 1. 常用块级标签 h : 标题 p : 段落 div : 容器 ul>li : 无序列表 form : 表单 2. 常用行内标签 a : 超链接 span : 小容器 img : 插入图 (宽高有效) input : 输入框,text/password/radio/checkbox/file/reset...原创 2018-05-21 12:34:20 · 337 阅读 · 0 评论 -
CSS尺寸、CSS对齐与CSS显示
CSS尺寸、CSS对齐与CSS显示一、CSS尺寸所有尺寸的属性属性 描述 height 设置元素的高度。 line-height 设置行高。 max-height 设置元素的最大高度。 max-width 设置元素的最大宽度。 min-height 设置元素的最小高度。 min-width 设置元素的最小宽度。 width 设置元素的宽...原创 2018-05-20 14:36:14 · 433 阅读 · 0 评论 -
CSS选择器与选择器权重
一、CSS选择器1、什么是选择器每一条CSS样式声明由两部分组成,选择器{样式}在{}之前的就是选择器,选择器指明了{}中样式的作用对象,也就是样式作用于网页中哪些元素2.选择器的分类(1)、标签选择器 标签选择器就是HTML中的标签,如<body>, <h1>, < p>,<img>等 例如:p{color:red;line-heigh...原创 2018-05-20 12:49:50 · 1010 阅读 · 0 评论 -
CSS边框
CSS边框首先清楚CSS的盒子模型(Box model),能正确的区分边框、内边距、外边距等概念,下面用一个图来说明以上概念:平面图:立体图:一、CSS边框 border1.设置边框样式:border-style:样式;可选的样式有:none 无边框 dotted 虚线边框 dashed 虚线边框 solid 实线边框 double 双边框 groove 凹槽边框 ridge 垄状边框 inset...原创 2018-05-20 10:55:25 · 1200 阅读 · 0 评论 -
CSS文本与字体
CSS文本与字体一、CSS字体二、文本对齐方式3.文本装饰4、控制文本字母5、更多文本操作原创 2018-05-19 20:47:12 · 683 阅读 · 0 评论 -
CSS背景
CSS背景如下结构图,清晰描绘出关于CSS背景的相关属性及操作:背景图片应用实例:将110px*150px的背景图片放在100px*100px的外框中,并实现右图的效果:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="原创 2018-05-19 20:20:24 · 118 阅读 · 0 评论 -
CSS列表
CSS列表列表的主要属性及设置:以下程序如果需要调试,请适当屏蔽语句,不然会出错,在此只是列出表格的操作语句,不保证程序能正常运行:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" cont原创 2018-05-19 19:53:04 · 130 阅读 · 0 评论 -
块元素、行内元素、行内块元素
一、块元素 block element块元素的特性独霸一行,总是在新行上开始宽度缺省是它父级元素的100%,除非设定一个宽度高度、行高、外边距、内边距都可以设置可以容纳其他内联元素或者其他块元素常见的块元素address – 地址blockquote – 块引用center – 举中对齐块dir – 目录列表div – 常用块级容易,也是CSS layo...原创 2018-06-01 10:36:08 · 39423 阅读 · 3 评论