为了账号安全,请及时绑定邮箱和手机立即绑定

HTML5和CSS3扁平化风格博客

表严肃 Web前端工程师
难度中级
时长 1小时51分
学习人数
综合评分9.57
257人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.3 逻辑清晰
  • TWT
    © 版权 © © background-attachment:fixed; 背景图固定不动 background-repeat:no repeat; 背景图不重复显示 background-size:cover; 把背景图像扩展至足够大,以使背景图像完全覆盖背景区域 background-position:center center; background-position:水平位置参数 垂直位置参数
    查看全部
  • TWT
    letter-spacing: 2px
    查看全部
  • TWT
    normalize.css 常规化代码
    查看全部
  • background:transparent 背景色透明。
    查看全部
  • 当前网页的所在目录 选择相对地址时,对于该目录的上一层 ../+目标文件夹名 下一层 /+目标文件夹名
    查看全部
  • 清除父元素的浮动类 { content:"";/*伪元素*/ display:block; clear:both; }
    查看全部
  • CSS选择器 1.通配符选择器:*{} 指的是页面中的所有元素都适用的样式。 2.元素选择器:最简单的通过元素选择,eg:h1。 3.选择器分组:对不同元素进行统一的样式处理时用到;nav,ul{};指的是对nav,ul元素进行同步的样式处理。 4.派生选择器:同样的例子如果h1,p1中间的逗号取消就是派生选择器,nav ul{}则指的是对nav元素中的ul子元素进行样式设置。 5.后代选择器:在后代选择器中,规则左边的选择器一端包括两个或多个用空格分隔的选择器。选择器之间的空格是一种结合符(combinator)。每个空格结合符可以解释为“... 在 ... 找到”、“... 作为 ... 的一部分”、“... 作为 ... 的后代”,但是要求必须从右向左读选择器。 6.类选择器: html中对元素设置了类, eg:<div class="demo"></div> 那么在css中对该div进行定位赋值的时候用到类选择器 eg: .demo{};表达符就是‘.’。 值得注意的是类选择器可以和其他选择器搭配使用 通配选择器:*.demo指的是页面中所有demo类。 元素选择器:p.demo指的p元素中的demo类。 7.ID选择器 通过#进行定位。 8.属性选择器 通过[]进行定位。 eg.<a herf=""></a> 对a标签中的herf属性的样式进行设置时可以通过属性选择器 a[herf]{}; 9.子元素选择器 区别于后代选择器,不想让某元素的所有后代元素统一指定为某样式,则可以通过这样的样式 规则如下: div>span 制定div中的span 这样和div span没什么卵不同 但假若html中的div设置了类或者id 那效果就不一样了 <div id="demo"> <span></span> </div> #demo>span 通过配合ID选择器制定某Id元素中的span元素。 感觉就是选择器很多~~要想取到某个犄角旮旯里的元素可以搭配使用元素选择器的。
    查看全部
  • CSS样式表中对HTML结构中的元素进行定位的方式。 nav ul{} 通过空格对nav父元素中的子元素ul进行定位。 逐层定位是其一,中间用空格分隔开。
    查看全部
  • 提问:搞忘了#和$这个符号的意义 “#”出现在css中是往往是对html文件中的指定id做一个取值. eg: <div id="demo"></div> 那么css中的相应的要设置id为demo的div的样式时可以通过#来选定该区域。 <css> #demo { background:ccc#; } </css>
    查看全部
  • 块级元素在浏览器中显示时通常以新行来开始和结束,而内联元素则不会。 块级元素有哪些? eg:h1 p table ul 内联元素:b td a img div 和span div 属于块级元素,用于组合其他元素,通常用来做大块内容的容器。 span 为内联元素,通常用来做文本的容器。
    查看全部
  • 块级元素的高度,默认是自动的,如果其中没有内容,那么Height的属性值为0 那么其中设置的其他属性则会失效,如background。
    查看全部
  • 页面的加载速度取决于页面的请求数,在对外引用的文件上如CSS,JS等,尽量秉承一个原则:加载的文件数越少越好。 所以能融合成一个文件的就尽量融合成一个文件。
    查看全部
  • 在页面重构时,可以选择用CSSreset 也可以使用normalize 通过link连接引用。
    查看全部
  • 页面重构cssreset代码可以直接搂到,在CSS注释代码中粘贴,因为CSS是逐条编译,所以用于页面重构,样式重写。
    查看全部
  • 先分析,页面结构,再考虑样式,最后考虑JS
    查看全部

举报

0/150
提交
取消
课程须知
1.您要具备HTML常用标签的基础知识。 2.您要具备CSS的语法。 3.您要具备基本布局知识。
老师告诉你能学到什么?
1、CSS的常规布局方法 2、CSS扁平化风格布局方法 3、网页布局特殊情况处理方式 4、HTML5相关标签和CSS3效果。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!