美文网首页
前端学习(十一)

前端学习(十一)

作者: 永恒幻羽 | 来源:发表于2020-01-08 11:05 被阅读0次

盒子模型(框模型):

CSS处理网页时,它认为每个元素都包含在一个虚拟的盒子中,对网页布局,就可以看成就相当于摆放盒子.

盒子分为外边距,边框,内边距和内容区(元素),

边框:为元素设置边框必需要三个样式:border-width (边框宽度,可以分别制定四个边框的宽度,第一个参数上下【只有第一个则上下左右】,第二参数左右,此规则对三个样式生效) border-color(边框颜色),border-style(边框样式,具体参考W3cschool离线手册)。(注:样式中,width和height只是设置的盒子内容区的大小,而不是盒子整个的大小,盒子可见框的大小由内容区,内边距,边框共同决定。)

除了border-XXX外,还有border-XXX(方位left,right,top,bottom)-XXX(属性)可以单独对边框定义宽度。

边框简写属性:

大部分浏览器中,边框的宽度和颜色,而边框的样式默认值都是none;border样式可以同时设置四个编框的样式,宽度和颜色,,无顺序要求。border-XXX可以单独设置四个边框的样式,遵循覆盖原则。

相关文章

  • 前端学习十一

    task11_1task11_2task11_3task11_4task11_5 你在学习中遇到什么问题? tas...

  • 前端学习(十一)

    盒子模型(框模型): CSS处理网页时,它认为每个元素都包含在一个虚拟的盒子中,对网页布局,就可以看成就相当于摆放...

  • 前端学习笔记十一

    1,外边距 margin也是复合属性也分上右下左 块级元素将左右属性都设置为auto可使块级元素水平居中 使用ma...

  • Vue 学习笔记 vue-router路由和前端状态管理

    Vue 学习笔记十一、vue-router路由和前端状态管理 什么是路由:网址 11.1 vue­-router路...

  • 前端(十一)

    1.js基本语法 2.字面量和变量 3.标识符 4.数据类型 5.运算符 6.自增和自减 7.练习

  • 无标题文章

    #Web前端 - web前端是什么 - 定义 - 职责 - web前端基础知识和学习路线 - web前端学习的...

  • 前端新手教程!如何快速入门web前端

    最近收到一些的私信问我,自己想要学习前端,该如何学习?学习到什么程度才可以工作?我进入这个行业已经十一年了,面试过...

  • 学习图谱

    前端整体 基础学习路线 进阶学习路线 整体学习路线 「前端进阶」2018/2019 史上最全的前端学习路线 How...

  • iOS开发如何学习前端

    iOS开发如何学习前端 iOS开发如何学习前端

  • Web前端

    Web前端 web前端是什么- 定义 职责 web前端基础知识和学习路线 web前端学习的资源 1.Web前端是...

网友评论

      本文标题:前端学习(十一)

      本文链接:https://www.haomeiwen.com/subject/bwpdactx.html