发表于: 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 伪类。
评论