发表于: 2019-04-21 21:52:40

2 379


今天完成的事情:

1.学习JavaScript

2.继续css任务10

3.总结css任务9用到的知识点

   1)a去掉下划线

        <a>是默认有下划线的。所以有时候为了美观,我们需要去掉下划线,使网页更加美观

      去掉下划线只需要在样式里面加入a{text-decoration:none;}

   2)a不同状态

        a:link {color: #FF0000} /* 未访问时的状态 */
        a:visited {color: #00FF00} /* 已访问过的状态 */
        a:hover {color: #FF00FF} /* 鼠标移动到链接上时的状态 */
        a:active {color: #0000FF} /* 鼠标按下去时的状态 */

    3)下拉蒙版

         效果,

        

         css

         

     4)页面内锚点跳转

         起点:<a href="#somename"></a>

         终点:<a name=“somename”></a>(终点不加#) 

     5)table的使用

          跨列

                  

                  

           跨行

                   

                   

明天计划的事情:

1.继续css任务10

2.继续学习JavaScript

遇到的问题:

暂无

收获:

1.任务八九主要熟悉了bottstrap框架,任务要注意,3个页面左右一定要对其。

   理解container和container-fluid的区别,不要乱用fluid。

   还有就是网格布局,这个布局其实很简单,你只要提前布好局,然后按照你想的把分好就行了。

   轮播图和动画事件,这两个需要在网上查找。

   最后就是网格布局,这个布局方法,要了解网格布局的columns(列)和rows(行)并在网上找一些代码参考一下,基本上都能做出来。最后要注意超链接放对地方。

2.如何修改radio和select的默认样式:

       下拉列表和单选按钮,有原始的默认样式,有时候为了美观,这些样式并不能达到我们的要求。因此需要更改样式,达到设计要求。一般的方法是使用css进行清除覆盖原有默认样式,然后添加我们想要的样式。

    1)修改select默认样式

         使用appearance改变下拉列表的原有默认属性,将原有默认属性清除,在重新编写样式。

         webkit-appearance属性是一个可以改变按钮和其他控件的外观的属性,使其类似于原生控件。

         -webkit-appearance是一个 不规范的属性(unsupported WebKit property),它没有出现在CSS规范草案中。此属性非标准且渲染效果在不同浏览器下不同,有些属性值不支持,所以使用时要慎用。

        所有主流浏览器都不支持appearance属性。Firefox支持替代的-moz-appearance属性。Safari和Chrome支持替代的-webkit-appearance属性。

    2)修改radio默认样式

         修改radio 默认样式原理主要是使用label标签将input标签包裹,里面再放一个inline-block标签。将input标签隐藏,使用inline-block标签样式代替input标签。要使用到:checked 伪类和:after 伪类。



返回列表 返回列表
评论

    分享到