前端开发2025年08月20日
css代码： .img-box { padding-bottom: 100%; } .img-box img { position: absolute; top:; bottom:; left:; right:; width: 100%; /* margin:auto; */ } html标签： <div class="img-bo...
前端开发2025年08月20日
给a标签设置display:block后，它会根据盒模型计算a标签的实际大小。这时候，你可以使用hover伪类使a的整个盒模型生效。.link a{display:block;padding:2px 10px;}/*这样，a标签的范围就是文字上下各扩出2px左右各扩出10px/*然后.link a:hover{background:#newcolor;}就...
前端开发2025年08月20日
1. 通过位置选择的几个操作： :first：默认情况下是相对整个页面来说的第一个，如：li:first表示整个页面的第一个li元素，而ul li:first表示整个页面的第一个li元素，并且是在ul下的子元素； :last：同上了，只是是最后一个而已； :first- child：为每个父元素匹配第一个子元素，如li:first-child返回每个ul的...
前端开发2025年08月20日
显示与隐藏 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>显示与隐藏</title> <style> body { margin: 0; } div { width: 200px; height: 2...
前端开发2025年08月20日
直接代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...
前端开发2025年08月19日
html单行缩略方法 .oneline { white-space: nowrap; //强制文本在一行内输出 overflow: hidden; //隐藏溢出部分 text-overflow: ellipsis; //对溢出部分加上... } html多行缩略(主要针对webkit内核) .multiline { display: -webkit-box...
前端开发2025年08月19日
1.设置css样式的三种方式？ 外部样式表，引入一个外部css文件 内部样式表，将css代码放在&lt;head&gt;标签内部 内联样式，将css样式直接定义在html元素内部 2.css有哪些选择器？ id选择器 类选择器 标签选择器 又可以细分为： 派生选择器（包括后代选择器、子元素选择器、相邻兄弟选择器） 伪元素选择器 属性选择器 ...
前端开发2025年08月19日
/*文字排版*/.f10 { font-size: 10px; }.f11 { font-size: 11px; }.f12 { font-size: 12px; }.f13 { font-size: 13px; }.f14 { font-size: 14px; }.f16 { font-size: 16px; }.f18 { font-size: 18p...
前端开发2025年08月19日
作者：大漠 勘误：http://www.w3cplus.com/book-comment.html 2014年7月14日14:46:35 第一章 揭开CSS3的面纱 1.1 什么是CSS3 CSS2.1是单一的规范,而CSS3被划分成几个模块组,每个模块组都有自己的规范. 1.1.1 CSS3新特性 1.强大的CSS3选择器 2.抛弃图片的视觉效果 3.背...
前端开发2025年08月19日
实例预览 下载地址 实例代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <div class="main"> <ul class="tabs"> <li> <input type="radio" checke...