- 博客(8)
- 收藏
- 关注
RSS订阅原创 使用:target实现点击按钮切换图片的功能（纯CSS）
今天使用CSS中的:target选择器来实现点击按钮切换相对应的图片的demo，此demo也可以使用JS来实现。demo的结构： img1 img2 img3 img4 demo的CSS样式： a{ padding:5px 10px; border:1px solid #000; color:#fff; background-co
2017-01-21 22:14:42
8554
2
原创 复杂的CSS选择器
一.基本的CSS选择器：1.通配符 例：*{...}2.类别选择器 例：.container{...}3.ID选择器 例：#div1{.....}4.群组选择器 例：span,.class,#id{....}5.并列选择器 例： div.class{.....}6.子代选择器 例：div span{....}7.直接子代选择器 例
2017-01-21 20:44:52
1739
原创 前端每日一小练2---京东注册页面（无JS验证）
今天的demo主要涉及了以下几个小知识点： 1.使用label标签来对input标签进行文字提示以及对齐的方式； 2.使用position定位元素的位置； 3.使用css属性中的display，使得inline元素变成inline-block，具备inline和block的特性，让inline可以设置宽度和
2017-01-18 16:30:59
992
原创 前端每日一小练1----购物的评价区
本次的demo是为了熟悉盒子模型中的间距margin和填充padding,特别是block和inline中比较特殊的地方。需要注意的几点：1.区块元素以div为例，在不浮动的一般情况下，两个相邻的div都设置了margin,那么它们之间的间距会合并，合并后的间距是两者中值较大的一个。2.内联元素没有上下margin;并且左右的margin值不会合并；3.内联元素的上下padding
2017-01-17 18:44:10
437
原创 HTML中的列表
HTML中的列表HTML中列表的种类：无序列表ul (Unordered List)有序列表ol (Ordered List)自定义列表dl (Definition List)无序列表 ---ul属性：type:disc/circle/square例子 番茄炒蛋 鱼头汤 蛋炒饭 番茄炒蛋 鱼头汤
2017-01-11 23:06:32
388
原创 a标签的一些用法
a标签的使用方法a标签的属性： href:链接URL； target:目标，可取值为_blank、_self等等； name:锚点的名称a标签的链接属性：下载资源：下载电子邮件：发送邮件返回页面顶部的空链接：返回顶部链接到JavaScript:JS功能a锚点：定义锚点：锚点一链接到锚点：在锚点名前加上#若文本在同一页面文本1若文本不在
2017-01-07 22:40:56
520
原创 table的作用以及优缺点
Tabale标签table的主要作用：用于布局（过时）用于显示批量的数据早期的使用table来布局网页，但是table有一个缺点，就是加载页面的时候，需要全部的数据都请求到，才显示页面，否则就是一片的空白。因此现在一般不采用table来做布局，而是使用div+css进行布局。table的结构：
2017-01-07 21:51:36
6075
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人