2016年12月22日
京东定位实例
摘要： 此例中： 1.ul li a{display：block}用block是因为不把它变成块元素是不显示背景的， 2.border-radius：50% ： radius，就是半径的意思，用这个属性可以做出圆角效果，也可以做出圆形效果。当元素的width和height相等，border-radius：5 阅读全文
posted @ 2016-12-22 22:49 独孤晓宇 阅读(532) 评论(0) 推荐(0) 编辑
z-index、display、selector选择器优先级css优先级面试用到
摘要： z-index：控制元素叠放顺序，哪个z-index数值越大，那个优先被叠放在上面。 relative、absolute、fixed这三种情况可以使用z-index。 static不可以使用。 display属性： 常见属性值：1.none；隐藏对象（对象完全消失于文档流）而opacity：0；（透 阅读全文
posted @ 2016-12-22 20:11 独孤晓宇 阅读(238) 评论(0) 推荐(0) 编辑
  2016年12月21日
position 定位
摘要： position属性是指本体相对于上级的定位，position又分绝对定位和相对定位。他的默认值是static，意味着元素没有被定位，出现在文档流中应该出现的位置。如果用position来布局页面，父元素的position属性必须为relative或absolute。行元素加了 position：a 阅读全文
posted @ 2016-12-21 13:01 独孤晓宇 阅读(247) 评论(0) 推荐(0) 编辑
  2016年12月20日
css浮动（folat），清除浮动（clear）（另加两种清除浮动方式，总共三种清除浮动方式）
摘要： css浮动（float） float是css样式，用于设置标签的居左浮动和居右浮动，浮动后的元素不属于html文档流，需要用清除浮动把文档拽回到文档流中 浮动值： left：向左浮动 right：向右浮动 html文档流：自窗体自上而下分成一行一行，并在没行中从左到右的顺序排放元素。 通过例子来解释 阅读全文
posted @ 2016-12-20 22:45 独孤晓宇 阅读(839) 评论(0) 推荐(0) 编辑
css伪元素选择器（伪对象选择器）checked + 伪元素练习
摘要： 伪对象也叫伪元素，在过去，伪类和伪元素都被书写成前面只加一个冒号，实际上应该是： ：weilei ：：伪元素 而现在我们为了兼容旧的书写方式，用一个冒号引导伪类也是能被解析的。 伪类一般反应无法在CSS中轻松或者可靠检测到的某个元素的 状态或属性 ； 伪元素表示DOM外部的某种 文档结构 。 伪类更 阅读全文
posted @ 2016-12-20 18:48 独孤晓宇 阅读(4346) 评论(0) 推荐(0) 编辑
css伪类选择器
摘要： 伪类通过冒号来定义，他定义了元素的状态，如点击按下、点击完成等等。我们之前都是直接操作元素的样式现在可以为元素的状态改变样式，使元素看上去更“动态”。 伪类选择器： 1.E：link2.E：visited3.E：hover4.E：active5.E：not（）6.E：first-child7.E：l 阅读全文
posted @ 2016-12-20 17:53 独孤晓宇 阅读(217) 评论(0) 推荐(0) 编辑
css关系选择器
摘要： 1.包含选择符（E F） 选择所有被E元素包含的F元素，中间用空格隔开示例：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> ul li{color: red;} u 阅读全文
posted @ 2016-12-20 17:52 独孤晓宇 阅读(608) 评论(0) 推荐(0) 编辑
css属性选择器
摘要： 1.E[att] 选择具有attr属性的E元素。2.E[att="val"] 选择具有att属性且属性值等于val的E元素3.E[att~="val"] 选择具有att属性的元素，且元素值列表中有一个符合val的元素4.E[att^="val"] 选择E元素中有att属性，且以val开头的元素。5. 阅读全文
posted @ 2016-12-20 17:51 独孤晓宇 阅读(1156) 评论(0) 推荐(0) 编辑
  2016年12月7日
xampp搭建服务器环境、html5新的input类型
摘要： 怎么让别人看见你写的 先把你的文档放入htdocs里面 再输入网址： http://你的IP地址/文件名 就ok了例如我的 HTML5中的input类型： <input>标签规定用户可输入数据的类型。根据不同的type 属性，输入类型有多种形态，输入字段可以使文本字段、复选框。密码字段、单选按钮、按 阅读全文
posted @ 2016-12-07 19:08 独孤晓宇 阅读(694) 评论(0) 推荐(0) 编辑
表单表格练习
摘要： 做出上面的表格： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1 align="center">欢迎注册尚学堂成员</h1><hr /> <form action="" me 阅读全文
posted @ 2016-12-07 13:07 独孤晓宇 阅读(285) 评论(0) 推荐(0) 编辑