摘要: 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)