摘要:
基本选择器 通配符选择器、元素选择器、类选择器、ID选择器、后代选择器 子元素选择器 div > span //div元素里面的span元素 //子选择器只能选择某元素的子元素 相邻兄弟元素选择器 #aa + #bb //aa元素 相邻后面的 bb元素(单选)//相邻兄弟选择器可以选择,紧接在另一元 阅读全文
posted @ 2020-01-18 22:26
JaydenQiu
阅读(186)
评论(0)
推荐(0)
摘要:
阅读全文
posted @ 2020-01-18 17:12
JaydenQiu
阅读(135)
评论(0)
推荐(0)
摘要:
input新增属性 datepickers <input type="email" name="">//手机端会有@xxx.com输入提示 <input type="url" name=""> //手机端会有.com输入提示 <input type="tel" name="">//安卓手机端会出现简 阅读全文
posted @ 2020-01-18 16:59
JaydenQiu
阅读(162)
评论(0)
推荐(0)
摘要:
结构标签(有意义的div) <header>标记定义一个页面或一个区域的头部</header> <nav>标记定义导航链接</nav> <section>标记定义一个区域</section> <article>标记定义一篇文章</article> <aside>标记定义页面内容部分的侧边栏</asi 阅读全文
posted @ 2020-01-18 15:29
JaydenQiu
阅读(151)
评论(0)
推荐(0)
摘要:
静态定位:使元素定位于常规流中 position: static; 1、忽略top,bottom,left,right,z-index。2、两个相邻元素如果设置了外边距,最终外边距 = 两者外边距最大的。3、具有 固定的width和height值的元素,如果左右外边距设置成auto,左右外边距会自动 阅读全文
posted @ 2020-01-18 14:29
JaydenQiu
阅读(121)
评论(0)
推荐(0)
摘要:
float(浮动) left:左浮动 right:右浮动 清除浮动方法一 .clear{ clear:both;} <div class = "clear"> </div> //浮动元素后使用一个空元素 清除浮动方法二 overflow:hidden; //给浮动元素的父级添加 zoom:1; // 阅读全文
posted @ 2020-01-18 12:28
JaydenQiu
阅读(97)
评论(0)
推荐(0)
摘要:
vertical-align(垂直对齐) baseline:默认。元素放置在父元素的基线上。super:垂直对齐文本的上标sub:垂直对齐文本的下标。 text-top:把元素的顶端与父元素字体的顶端对齐text-bottom:把元素的底端与父元素字体的底端对齐。 top:把元素的顶端与行中最高元素 阅读全文
posted @ 2020-01-18 12:13
JaydenQiu
阅读(125)
评论(0)
推荐(0)
摘要:
Margin(外边距) - 清除边框外的区域,外边距是透明的。 Border(边框) - 围绕在内边距和内容外的边框。 Padding(内边距) - 清除内容周围的区域,内边距是透明的。 Content(内容) - 盒子的内容,显示文本和图像。 阅读全文
posted @ 2020-01-18 10:56
JaydenQiu
阅读(122)
评论(0)
推荐(0)
摘要:
.id{text-decoration: underline;}/*text-decoeration是下划线类型,underline是去掉下划线。*/ font:font-family font-size font-weight font-family:字体名;//标题serif(有修饰),文本sa 阅读全文
posted @ 2020-01-18 10:49
JaydenQiu
阅读(107)
评论(0)
推荐(0)
摘要:
CSS常规的命名规范 页面结构 页头:header 导航:nav 页面主体:main 侧栏:sidebar 页尾:footer 栏目:column 内容:content 页面外围控制:wrapper 容器:container 左右中:left right center 导航 导航:nav 左导航:l 阅读全文
posted @ 2020-01-18 10:46
JaydenQiu
阅读(95)
评论(0)
推荐(0)
摘要:
1、input表单输入元素,type属性,<input type=""> text:文字域 password:密码域 file:文件域 checkbox:复选域 radio:单选域 button:按钮 submit:提交按钮 reset:重置按钮 hidden:隐藏域 image:图像域 2、单选按 阅读全文
posted @ 2020-01-18 10:29
JaydenQiu
阅读(146)
评论(0)
推荐(0)
摘要:
1、带标题、表头的表格:"<td></td>" <table> <caption> /*表格的标题,居中显示*/ </caption> <tr> <th> /*表头,内容居中,加粗显示 */ </th></tr> <tr><td></td></tr> </table> 2、带结构的表格:当表格很长的 阅读全文
posted @ 2020-01-18 09:45
JaydenQiu
阅读(112)
评论(0)
推荐(0)

浙公网安备 33010602011771号