随笔分类 -  HTML与CSS

前端的一些基础知识
摘要:#转载请留言联系 1.json json是数据格式,经常用于在网络中,不同平台或者不同语言中进行数据的传输。json的文件后缀就是 .json。当然,也可以把json直接写在js文件中。 json储存数据模式: 可以看到,json里还可以有花括号,也可以有数组。但是为了与不同语言进行数据传输,我们一 阅读全文
posted @ 2018-09-29 12:08 苦瓜爆炒牛肉 阅读(287) 评论(0) 推荐(0)
摘要:添加背景图片有四种常用的方式,分别是: repeat 完全平铺 repeat-x 横向平铺 repeat-y 纵向平铺 no-repeat 不平铺 使用示例: 阅读全文
posted @ 2018-09-22 20:20 苦瓜爆炒牛肉 阅读(20237) 评论(0) 推荐(0)
摘要:#转载请先留言联系 定位 定位 HTML中的position属性可以对元素进行定位,通过position的不同的值,可以配合方位属性,让元素显示页面中的任何一个位置。 position有四个值: static,默认值,去除元素的定位。也就是不进行定位relative,相对定位,元素相对于自身原来的位 阅读全文
posted @ 2018-09-21 15:57 苦瓜爆炒牛肉 阅读(13852) 评论(0) 推荐(0)
摘要:表格元素及相关样式 1、<table>标签:声明一个表格 2、<tr>标签:定义表格中的一行 3、<td>和<th>标签:定义一行中的一个单元格,td代表普通单元格,th表示表头单元格 表格相关样式属性 border-collapse 设置表格的边线合并,如:border-collapse:coll 阅读全文
posted @ 2018-09-19 21:19 苦瓜爆炒牛肉 阅读(224) 评论(0) 推荐(0)
摘要:#转载请联系 原理是用id的值结合a链接实现锚点效果。比较简单,直接放一段代码好了。 阅读全文
posted @ 2018-09-19 21:05 苦瓜爆炒牛肉 阅读(351) 评论(0) 推荐(0)
摘要:元素的溢出处理 css里面添加样式: overflow: hidden; 如果子元素的内容溢出,则隐藏多余部分 overflow: scroll; 如果子元素的内容溢出,则以滚动条现实内容 overflow: auto; 如果子元素的内容溢出,根据内容多少自动使用滚动条 元素的浮动 元素浮动,是在标 阅读全文
posted @ 2018-09-17 20:15 苦瓜爆炒牛肉 阅读(379) 评论(0) 推荐(0)
摘要:#转载请留言联系 1、标签选择器 标签选择器,此种选择器影响范围大,一般用来做一些通用设置,或用在层级选择器中。举例: div{color:red} ...... <div>这是第一个div</div> <!-- 对应以上样式 --> <div>这是第二个div</div> <!-- 对应以上样式 阅读全文
posted @ 2018-09-17 19:57 苦瓜爆炒牛肉 阅读(253) 评论(0) 推荐(0)
摘要:#转载请留言联系 表单用于搜集不同类型的用户输入,表单由不同类型的标签组成,相关标签及属性用法如下: 1、<form>标签 定义整体的表单区域 action属性 定义表单数据提交地址 method属性 定义表单提交的方式,一般有“get”方式和“post”方式 2、<label>标签 label 标 阅读全文
posted @ 2018-09-17 19:31 苦瓜爆炒牛肉 阅读(235) 评论(0) 推荐(0)
摘要:列表一般应用在布局中的新闻标题列表和文章标题列表以及网页菜单等。 例如这个就是一个列表: 列表标签有几种,分别是有序列表,无序列表,定义列表。 有序列表 无序列表 定义列表 列表中还可以有列表,也就是列表的嵌套。上面的三种列表都可以嵌套。 下面用定义列表嵌套进行演示: 列表相关样式 list-sty 阅读全文
posted @ 2018-09-17 17:26 苦瓜爆炒牛肉 阅读(269) 评论(0) 推荐(0)
摘要:块级标签 块级标签 如果两个同样的标签写在一起,出现在不同的行上面,这种就是块级标签 常见的块级标签: <h1-h6></h1-h6>,<p></p>,<div></div> (需特别注意)块级标签的特点: 占据整行,自带换行效果。除了div以外,一般块级标签都会有内外边距,宽度和高度。 块元素标签 阅读全文
posted @ 2018-09-17 16:28 苦瓜爆炒牛肉 阅读(2487) 评论(0) 推荐(0)
摘要:# 转载请留言联系 注意,样式属性是写进CSS里面的。 布局常用样式属性: width 设置元素(标签)的宽度,如:width:100px; height 设置元素(标签)的高度,如:height:200px; background 设置元素背景色或者背景图片,如:background:gold; 阅读全文
posted @ 2018-09-15 19:48 苦瓜爆炒牛肉 阅读(559) 评论(0) 推荐(0)
摘要:# 转载请留言联系 我们都知道html写出来的东西是一个文本内容,很单调。和我们平时刷网页看到的内容不一样。那普通的网页是怎样对html超文本进行装饰的呢?没错,就是CSS。 css的基本语法 css的基本语法 选择器{ 样式属性:样式值; 样式属性:样式值; 样式属性:样式值;}实际效果,例如:d 阅读全文
posted @ 2018-09-15 19:42 苦瓜爆炒牛肉 阅读(5279) 评论(0) 推荐(0)
摘要:# 转载请留言联系 一个HTML的基本结构如下: 一个HTML的基本结构如下: 第一行是文档声明,第二行“<html>”标签和最后一行“</html>”定义html文档的整体,“<head>”标签和“<body>”标签是它的第一层子元素,“<head>”标签里面负责对网页进行一些设置以及定义标题,设 阅读全文
posted @ 2018-09-15 18:44 苦瓜爆炒牛肉 阅读(15343) 评论(0) 推荐(0)