专栏首页用户2119464的专栏HTML4+CSS2基础考试-易错点总结

HTML4+CSS2基础考试-易错点总结

HTML4+CSS2基础考试

选择题

  • body 标签的默认 margin 是多少像素
8px;
  • 我需要一个 div 高度为 30 px, div 里有一行字垂直居中, 字的大小为 14 px, 应该怎么写 css ?
A. 给 div 的样式为 font-size:14px;line-height:20px;padding:5px 0;
B. 给 div 的样式为 font-size:14px;line-height:24px;padding:3px 0;
C. 给 div 的样式为 font-size:14px;line-height:30px;

填空题

  • 让一个行内元素转换为块级元素的属性是
display:block;

问答题

  • css 基础选择器有哪些?请写出每个选择器的基本特点?以及优先级?
通配符选择器(*)
* 选择所有标签
标签选择器(Element)
* 根据指定的标签名称,在当前界面中找到所有该名称的标签,然后设置属性
类选择器(.className)
* 作用:根据指定的类名称,在当前界面中找到对应的标签,然后设置属性
id选择器(#ID)
* 根据指定的id名称,在当前界面中找到对应的唯一一个的标签,然后设置属性

Id选择器 > 类选择器 > 标签选择器 > 通配符选择器
拓展
!Important > style嵌入 > Id选择器 > 类选择器 > 标签选择器 > 通配符选择器
组合选择器是多项权重叠加的效果
  • 请说明清除浮动的方式, 并举例
在 ul 的 class 内写入 clearfix
.clearfix:after{
    display: block;
    clear: both;
    content: '';
}
.clearfix{
    zoom:1;
}
  • 写出 ul, ol, dl 三种列表的 html 结构
    // 无序列表
    <ul>
        <li></li>
    </ul>

    // 有序列表
    <ol>
        <li></li>
    </ol>

    // 定义列表
    <dl>
        <dt>阿萨德</dt>
        <dd>撒到</dd>
    </dl>
拓展
    <dt>: 定义列表中的项目
    <dd>: 描述列表中的项目
  • 以下选择器分别是什么意思 .header.mobile{} #header a:hover{}
选择class中既有header又有mobile的元素, 设置它的属性
当鼠标悬停在Id为header的子元素a标签上时, 设置它的属性

编程题

  • 用 js 实现鼠标移入移出变化样式的效果
    // 通过id选择需要移入移出事件的元素
    var ele = document.getElementById('ele');

    // 鼠标的移入事件
    ele.addEventListener('mouseenter', function (event) {
        event.target.style.background = 'red';
    }, false);

    // 鼠标的移出事件
    ele.addEventListener('mouseout', function (event) {
        event.target.style.background = 'yellow';
    }, false);
拓展
    event.target 是事件选择的元素.

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 在SharePoint环境下,dll资源脚本权限问题

              最近在用Ext.NET,因为是在SharePoint环境下使用,一直被这样一个问题所困扰着:在使用Ext.NET时,页面必须使用拥有管理权限...

    雪雁-心莱科技
  • Python爬取新浪微博用户信息及内容

    新浪微博作为新时代火爆的新媒体社交平台,拥有许多用户行为及商户数据,因此需要研究人员都想要得到新浪微博数据,But新浪微博数据量极大,获取的最好方法无疑就是使用...

    一墨编程学习
  • Css3的Media Query方法总结—让您的网站兼容手机

    最近几年,大屏幕手机和ipad等移动设备的流行,使你的网页兼容移动设备已成为一种流行!移动设备的屏幕大小是五花八门,各式各样!要想很好的兼容移动设备,Css3的...

    奋斗蒙
  • 前端入门23-CSS预处理器(Less&Sass)声明正文-CSS预处理(less&Sass)

    这里就讲讲这两个问题,写过 CSS 应该就会比较清楚,虽然我才刚入门,但在写一些练手时就已经有点感觉了:写 CSS 后,很难维护,维护基本要靠注释来,而且由于 ...

    请叫我大苏
  • Web前端性能优化(二)

    懒加载 即延迟加载,在电商或是页面很长的业务场景中,我们通常会使用懒加载的方式对图片进行请求,只有在图片进入可视区域之后才请求图片资源,而在之前都通过一张占位图...

    Nian糕
  • 小程序点击按钮出现和隐藏遮罩层

    最近在实现一个小功能,点击按钮的时候,会从右侧滑动弹出一个信息层,与此同时,信息层会和遮罩层一起出现,于是小程序的动画功能和小程序点击按钮出现和隐藏遮罩层分开写...

    祈澈菇凉
  • Omi 5.0.5 发布,腾讯开源的下一代 Web 框架

    Omi 5.0.5 已发布。Omi 是腾讯开源的下一代 Web 框架,去万物糟粕,合精华为一,让 JSX、Web Components、Proxy、Store、...

    Debian社区
  • 2019年九大网络安全发展趋势预测

    要预测未来一年的网络威胁发展趋势很难,无论是威胁的形态和响应的防范方式都在快速迭代,加上各国对于网络空间中地缘政治利益的理解日益深刻,不同的力量交织在一起进一步...

    FB客服
  • vue中修改第三方组件css

    css中不使用scoped进行私有化控制,而是采用每个类用自己的类名(class="aroundPriceInput")称控制

    程序员不务正业
  • 每页500条数据的渲染优化

    每页返回500条的数据,前端一次渲染用户体验很不好,有哪些方式可以友好的解决这个问题。

    RobinsonZhang

扫码关注云+社区

领取腾讯云代金券