摘要:
1. 导航文字除开头尾自动居中:{ display: flex; justify-content: space-between;} 2. 常用选择器:img li:nth-child(2)/(2n)[n表示倍数] 3.文本超出省略组合使用 强制不换行white-space:nowrap 超出裁切ov 阅读全文
posted @ 2020-08-15 11:50
狗狗老爹
阅读(273)
评论(0)
推荐(0)
摘要:
1.z-index:99(固定在所有效果前面,解决固定定位效果里面有动画模块飘出来的情况,没有单位,没有小数点,可以为负数建议不要用。)2.a标签 href里面下写#就是返回顶部。3.绝对定位: 给块级元素一个参照物语言, position:relative(参照物) position:absolu 阅读全文
posted @ 2020-08-15 11:14
狗狗老爹
阅读(1543)
评论(0)
推荐(0)
摘要:
1、很重要:display:inline把块级元素转化为行内元素display:block把行内元素转化为块级元素display:inline-block vetical-align:top共同体 2.鼠标移上去自己变化,鼠标移上去别人变化:最简单的显示隐藏效果。p必须在div里面。不支持动画效果 阅读全文
posted @ 2020-08-15 11:06
狗狗老爹
阅读(118)
评论(0)
推荐(0)
摘要:
样式表: 1.行内样式表2内部样式表3外部样式表引入 link 可以被JS控制 与页面同时加载 外部样式表映入 import 不能被JS加载 页面加载完成之后加载 有兼容问题。 4.权重的问题 地位问题,可以相互叠加1+100>100行内标签权重最高,无法在style里实现 id 100class 阅读全文
posted @ 2020-08-15 10:49
狗狗老爹
阅读(137)
评论(0)
推荐(0)
摘要:
如果字体下移margin-top 之后外部整个盒子移动的话,那外面的盒子就需要加overflow:hidden,这是一个BUG; 阅读全文
posted @ 2020-08-15 10:38
狗狗老爹
阅读(192)
评论(0)
推荐(0)
摘要:
背景图和IMG的使用区别背景图:一般不会改变的小图标使用背景图img:经常更换的图片就用IMG图片插入background:no-repeat 26px center red url(../../../图片) 点击鼠标变色:标签:hover{ (鼠标滑过特效)bgcolor:#fff;color:# 阅读全文
posted @ 2020-08-15 10:22
狗狗老爹
阅读(258)
评论(0)
推荐(0)
摘要:
DAY4 1.CSS开始 标签<div>11111</div> (网站独占一整条) <head> -- <style type=text/css></style>(引入CSS样式的标签) 想让div有颜色的格式:div{color:+颜色;background-color:green;width:2 阅读全文
posted @ 2020-08-15 10:16
狗狗老爹
阅读(169)
评论(0)
推荐(0)
摘要:
Web网站开发流程: 域名,服务器,开发,推广,维护。 Wwb标准:结构(html)+表现(CSS)+行为(JS) 相关的组织: W3C html+css语法基础 ECMA JS的语法基础 WHATWG html5 html 超文本标记语言 hyoer tetxt narkup language X 阅读全文
posted @ 2020-08-15 09:54
狗狗老爹
阅读(737)
评论(0)
推荐(0)
摘要:
@charset "UTF-8";*{ /*页面点击链接时会出现高亮框,此代码用来解决*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*禁用手机浏览器的用户选择文本(复制)功能 */ /*-webkit-user-select: none;*/ 阅读全文
posted @ 2020-08-15 09:46
狗狗老爹
阅读(115)
评论(0)
推荐(0)
摘要:
@charset "utf-8";body,h1,h2,h3,h4,h5,h6,p,dl,ul,ol,dd,input,button,textarea{ margin: 0; padding: 0;}img{ vertical-align: top; /* IE10及以下的蓝色边框 */ borde 阅读全文
posted @ 2020-08-15 09:45
狗狗老爹
阅读(128)
评论(0)
推荐(0)