
HTML与CSS
文章平均质量分 73
lightwine
这个作者很懒,什么都没留下…
展开
-
less基础
LESSnpm install -g less或者在浏览器端 <script src="less.js" type="text/javascript"> </script>,违背了预编译原创 2021-04-28 15:25:35 · 162 阅读 · 0 评论 -
flex布局
移动端基础1.浏览器现状PC端常见浏览器谷歌浏览器,火狐浏览器,IE浏览器,360浏览器...移动端常见浏览器国内常见手机浏览器都是 webkit 内核。兼容问题处理 webkit 内核浏览器即可。手机屏幕现状移动端碎片化严重,分辨率和屏幕尺寸大小不一移动端调试方法Chrome DevTools 谷歌浏览器 的模拟手机调试 搭建本地web服务器,手机和服务器一个局域网内,通过手机访问服务器 使用外网服务器,直接IP或域名访问视口视口(viewport) 是浏览.原创 2021-04-12 19:44:21 · 372 阅读 · 0 评论 -
CSS实战技巧
CSS初始化不同浏览器对一些标签默认值不同,为照顾浏览器兼容性,我们要对CSS初始化。(称CSS reset)每个网页都要首先进行CSS初始化如 *{ margin:0; padding:0} 等溢出文字省略号显示1.单行文本溢出显示省略号--强制一行内显示文本 white-space:nowrap; /* 默认为normal自动换行 */超出部分隐藏 overflow:hidden;文字...原创 2021-04-10 15:57:05 · 172 阅读 · 0 评论 -
CSS3新选择器,盒子模型,过渡动画transition,2D转换transform
CSS3新增选择器1.属性选择器(和类选择器权重一样:10)E[att] :选择具有att属性的E元素E[att="val"],E[att^="val"]:以val开头,E[att$="val"]:以val结尾,E[att*="val"]值中含有val如:input[type=text]{ color:pink; }2.伪类选择器(和类选择器权重一样:10)E:first-child:匹配E元素中的第一个子元素E:last-child:匹配E元素中的最后一个子元素E:nth.原创 2021-04-03 22:12:59 · 512 阅读 · 0 评论 -
CSS(布局)float(清除浮动),position(垂直居中),transform,vertical-align,精灵图,BFC
positionCSS中Position属性有四个可选值,它们分别是:static、absolute、fixed、relative。◆position:static 无定位该属性值是所有元素定位的默认情况,但有时候遇到继承的情况,我们不愿意见到元素所继承的属性影响本身,从而可以用position:static取消继承,即还原元素定位的默认值。◆position:absolute 绝对定位使用position:absolute,能够很准确的将元素移动到你想要的位置。◆position:原创 2021-04-02 21:46:00 · 599 阅读 · 0 评论 -
CSS(基础)引入方式,内部样式,属性,display
cssspan 一个容器标签,不具备特殊功能,仅当做容器使用,用于包裹一段文本,便于给文本增加样式。div 一个通用容器标签,可以包裹任何内容,也可以容器直接相互包裹。(一个空div 默认宽度100%,高度为0)text-align:center; 让容器内部元素水平居中。margin-auto; 让容器本身水平居中。...原创 2021-03-13 16:19:46 · 494 阅读 · 0 评论 -
HTML(1)
编写网页的语言,叫做HTML。规则由W3C制定的。W3C的主要职责就是确定未来万维网的发展方向,并且制定相关的推荐。基础标签<h1></h1> 标题标签 (h1-h6)<hr> 是单标签,画一条水平线 <br>是单标签,换行<p></p> 可使文字独占一行<i></i> 斜体文字 <b></b> 加粗文字 <u&...原创 2021-03-12 12:34:26 · 296 阅读 · 1 评论