自学日志
关注
分享
扫一扫
沈尛
这个作者很懒，什么都没留下…
展开
-
HTML的基础学习
模板的基本结构 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>标题</title> </head> <body> 主体内容 </body> </html>颜色值原创 2016-11-30 11:36:30 · 303 阅读 · 0 评论 -
使用: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 · 8604 阅读 · 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 · 1755 阅读 · 0 评论 -
前端每日一小练2---京东注册页面（无JS验证）
今天的demo主要涉及了以下几个小知识点： 1.使用label标签来对input标签进行文字提示以及对齐的方式； 2.使用position定位元素的位置； 3.使用css属性中的display，使得inline元素变成inline-block，具备inline和block的特性，让inline可以设置宽度和原创 2017-01-18 16:30:59 · 1040 阅读 · 0 评论 -
前端每日一小练1----购物的评价区
本次的demo是为了熟悉盒子模型中的间距margin和填充padding,特别是block和inline中比较特殊的地方。需要注意的几点：1.区块元素以div为例，在不浮动的一般情况下，两个相邻的div都设置了margin,那么它们之间的间距会合并，合并后的间距是两者中值较大的一个。2.内联元素没有上下margin;并且左右的margin值不会合并；3.内联元素的上下padding原创 2017-01-17 18:44:10 · 449 阅读 · 0 评论 -
52个HTML的标签总结
HTML的52个标签标签名含义常用属性类型原创 2017-01-17 14:55:02 · 1964 阅读 · 0 评论 -
HTML中的列表
HTML中的列表HTML中列表的种类：无序列表ul (Unordered List)有序列表ol (Ordered List)自定义列表dl (Definition List)无序列表 ---ul属性：type:disc/circle/square例子 番茄炒蛋 鱼头汤 蛋炒饭 番茄炒蛋 鱼头汤原创 2017-01-11 23:06:32 · 406 阅读 · 0 评论 -
a标签的一些用法
a标签的使用方法a标签的属性： href:链接URL； target:目标，可取值为_blank、_self等等； name:锚点的名称a标签的链接属性：下载资源：下载电子邮件：发送邮件返回页面顶部的空链接：返回顶部链接到JavaScript:JS功能a锚点：定义锚点：锚点一链接到锚点：在锚点名前加上#若文本在同一页面文本1若文本不在原创 2017-01-07 22:40:56 · 546 阅读 · 0 评论 -
table的作用以及优缺点
Tabale标签table的主要作用：用于布局（过时）用于显示批量的数据早期的使用table来布局网页，但是table有一个缺点，就是加载页面的时候，需要全部的数据都请求到，才显示页面，否则就是一片的空白。因此现在一般不采用table来做布局，而是使用div+css进行布局。table的结构：原创 2017-01-07 21:51:36 · 6125 阅读 · 0 评论 -
选项卡的实现的几种方法
今天总结一下页面中选项卡实现的几种方法。在实战中会经常的使用到。下面的方法都是纯HTML+CSS，并没有用到JS，JS日后补上。一、使用：target属性实现选项卡 页面的结构：（html） 选项卡1选项卡2 选项卡1的内容 选项卡2的内容 注意：这里要注意内联元素在元代码中若有回车，则在页面中会出现选项卡的标题之间有一个缝隙，所以如上所示，两个a原创 2017-02-03 19:45:29 · 21750 阅读 · 0 评论