wloe2gf 发表于 2024-6-29 13:02:46

css+html+js总结


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">（0）制作一个网页之前<span style="color: black;">必定</span>要先计算好各个width还有color，<span style="color: black;">这般</span>写出来的代码的<span style="color: black;">守护</span>性和效率才高。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">（1）做ZB_Login.html文件时的css总结-----2016/5/25</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 第<span style="color: black;">1、</span><span style="color: black;">此刻</span>我<span style="color: black;">最终</span>明白transparent（<span style="color: black;">没</span>色）和白色的区别了，虽然<span style="color: black;">她们</span>两个的呈现效果都是白色。<span style="color: black;">运用</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">transparent制作的<span style="color: black;">照片</span>，transparent部分不会覆盖前面的颜色，<span style="color: black;">亦</span><span style="color: black;">便是</span>说<span style="color: black;">表示</span>的是前面的颜色，白色的部分</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">则和其他的颜色<span style="color: black;">同样</span>，会覆盖前面的部分，呈现为白色，而不是前面的颜色，例如”ZL_headRight.png“这个</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">照片</span>在制作的时候，那白色部分<span style="color: black;">必定</span>是用transparent处理的，<span style="color: black;">由于</span>该<span style="color: black;">照片</span><span style="color: black;">无</span>覆盖背景颜色，<span style="color: black;">表示</span>的是背景颜</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">色，“ZL_loginBox.png”<span style="color: black;">照片</span><span style="color: black;">亦</span>是<span style="color: black;">同样</span>，<span style="color: black;">无</span><span style="color: black;">表示</span>白色部分，<span style="color: black;">表示</span>的是背景颜色</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 第<span style="color: black;">2、</span>margin-left是从对象的右边出发的，我怎么老用这个属性来<span style="color: black;">处理</span>距离右边的距离啊</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">第<span style="color: black;">3、</span>margin-top：-10px;<span style="color: black;">这般</span>会使的应用该属性的对象向上移动10px，<span style="color: black;">这般</span>势必就会产生重叠，<span style="color: black;">通常</span>来</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">说是后面的覆盖前面的，<span style="color: black;">然则</span><span style="color: black;">能够</span>采用z-index来设定重叠级别，<span style="color: black;">这般</span><span style="color: black;">能够</span>改变默认的后面覆盖前面的，z-</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">index<span style="color: black;">必要</span>和position：absolute|relative<span style="color: black;">一块</span><span style="color: black;">运用</span>才有效。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">（2）做JavaScript实战的播放器页面的css总结----2016/5/26</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">第<span style="color: black;">1、</span>浮动元素在块状元素前面，<span style="color: black;">那样</span>块状元素还是会<span style="color: black;">独霸</span>一行，<span style="color: black;">不睬</span>会块状元素，然而浮动元素会覆盖</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">块状元素一部分，<span style="color: black;">然则</span>不会覆盖块状元素的内容，内容从浮动元素的右边<span style="color: black;">起始</span><span style="color: black;">表示</span>。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 第<span style="color: black;">2、</span>浮动元素在内联元素前面，<span style="color: black;">那样</span>内联元素从浮动元素右边<span style="color: black;">起始</span><span style="color: black;">表示</span>。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">第<span style="color: black;">3、</span>块状元素在前面，浮动元素在后面，<span style="color: black;">那样</span>浮动元素在下面一行<span style="color: black;">表示</span>，<span style="color: black;">由于</span>块状元素要<span style="color: black;">独霸</span>一行。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 第<span style="color: black;">4、</span>内联元素在前面，浮动元素在后面，<span style="color: black;">那样</span>浮动元素飘到内联元素前面，内联元素在浮动元素右边显</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">示。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 第<span style="color: black;">5、</span><span style="color: black;">运用</span>css样式的bac<span style="color: black;">公斤</span>round属性来<span style="color: black;">表示</span><span style="color: black;">照片</span><span style="color: black;">无</span>alt和title，<span style="color: black;">运用</span>HTML标签来<span style="color: black;">表示</span><span style="color: black;">照片</span>有alt和</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">title</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">（3）做JavaScript实战的播放器页面js总结----2016/5/27-2016/5/29</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 卡了我很久的是<span style="color: black;">按时</span>器的<span style="color: black;">乱用</span>和mousemove事件</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 第<span style="color: black;">1、</span>在<span style="color: black;">运用</span>setInterval的时候要<span style="color: black;">尤其</span><span style="color: black;">重视</span>，不要乱设置setInterval，<span style="color: black;">由于</span>只要你<span style="color: black;">无</span>手动清除你先前</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">设定的setInterval，<span style="color: black;">那样</span>这个<span style="color: black;">按时</span>器就会<span style="color: black;">始终</span>运行下去，会带来<span style="color: black;">非常多</span>隐患，<span style="color: black;">因此</span>在设定一个新的<span style="color: black;">按时</span>器之前要</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">最好<span style="color: black;">思虑</span>好先前设定的那个<span style="color: black;">按时</span>器是不是还<span style="color: black;">必须</span>，最好在设定新的<span style="color: black;">按时</span>器之前将旧的<span style="color: black;">按时</span>器清除。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 第<span style="color: black;">2、</span>实现元素拖到功能时，<span style="color: black;">运用</span>的mousedown，mousemove，mouseup事件，mousemove事件是在元素内移</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">动才会有效，<span style="color: black;">因此</span><span style="color: black;">想要</span>在某元素mousedown之后，鼠标脱离该<span style="color: black;">目的</span>元素<span style="color: black;">亦</span>能拖动，<span style="color: black;">那样</span>就<span style="color: black;">必须</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">$(document).mousemove,而不是$(target).mousemove，当然你<span style="color: black;">能够</span><span style="color: black;">经过</span>event.pageX来限定target元素的拖动</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">范围，mousemove事件是鼠标在<span style="color: black;">目的</span>元素上移动1px就会触发的。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">第<span style="color: black;">3、</span>预先写好的函数，在bind和setInterval时，只写函数名就行，不要加上函数执行符号()，这个<span style="color: black;">亦</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">要<span style="color: black;">尤其</span><span style="color: black;">重视</span>,“()”是函数执行符号,函数名后面加上“()”，函数才会得到执行。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">（4）如下代码：</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> $(document).ready(function(){</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> $("ul li").click(function(){</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">//只是给页面加载完成后，页面中的li绑定click事件，并指定事件处理函数，不管后面<span style="color: black;">经过</span>何种方</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">式在ul后面加入了li元素，都<span style="color: black;">必须</span>对新加入的li元素重新绑定，<span style="color: black;">由于</span>这些新加入的li元素是在ready后面加入的</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">，浏览器解析引擎早就在document.ready的时候就给页面的li绑定好了，这个要<span style="color: black;">尤其</span><span style="color: black;">重视</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> });</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">});</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">（5）json和js对象的区别</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">json格式的数</p>




4zhvml8 发表于 2024-10-3 23:34:02

哈哈、笑死我了、太搞笑了吧等。

nqkk58 发表于 2024-10-31 16:15:45

可以发布外链的网站 http://www.fok120.com/

nykek5i 发表于 2024-11-6 15:43:20

我深感你的理解与共鸣，愿对话长流。

4lqedz 发表于 2024-11-7 02:07:54

你的话语如春风拂面，让我感到无比温暖。

nykek5i 发表于 3 天前

你的话语如春风拂面，温暖了我的心房，真的很感谢。
页: [1]
查看完整版本: css+html+js总结