day 49 html 学习 css 学习

【day 49 html 学习 css 学习】的更多相关文章

day 49 html 学习 css 学习

画圆 <style> div{width: 100px; height:100px; border: solid red 3px; /*当弧度为.圆角半径为30时得到的图像*/ border-radius:30px} </style> <style> div{width: 100px; height:100px; border: solid red 3px; /*当弧度为.圆角半径为55时得到的图像这里注意,圆角半径为50时不是圆形*/ border-radius…

day 47 html 学习 css 学习

前端基础之CSS CSS实例每个CSS样式由两个组成部分:选择器和声明.声明又包括属性和属性值.每个声明之后用分号结束. CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素.l 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). CSS的几种引入方式行内样式行内式是在标记的style属性中设定CSS样式.不推荐大规模使用 <p style="color: red">Hello world.</p>…

CSS学习笔记10 相对定位，绝对定位与固定定位

文档流中的元素的位置由元素在 (X)HTML 中的位置决定,这就是最原始的普通流,前面讲到的浮动CSS学习笔记08 浮动可以改变元素在文档流中的位置,除了这个我们还可以通过使用CSS的position 属性,来重新决定元素在文档流中的位置. position 属性值 static:默认的文档流的布局的方式,块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中.(忽略 top, bottom, left, right 或者 z-index 声明). relat…

【图片版】学习CSS网格布局

简言 CSS网格布局(Grid)是一套二维的页面布局系统,它的出现将完全颠覆页面布局的传统方式.传统的CSS页面布局一直不够理想.包括table布局.浮动.定位及内联块等方式,从本质上都是Hack的方式,并且遗漏了一些重要的功能(比如:垂直居中).Flexbox的出现部分解决了上述问题,但Flex布局是为了解决简单的一维布局,适用于页面局部布局.而Grid天然就是为了解决复杂的二维布局而出现的,适用页面的整体布局.在实际工作中,Grid和Flexbox不但不矛盾,而且还能很好的结合使用.做为W…

前端html与css学习笔记总结篇(超详细)

第一部分 HTML 第一章职业规划和前景职业方向规划定位: web前端开发工程师 web网站架构师自己创业转岗管理或其他 web前端开发的前景展望: 未来IT行业企业需求最多的人才结合最新的html5抢占移动端的市场自己创业做老板随着互联网的普及web开发成为企业的宠儿和核心 web职业发展目标: 第一.梳理知识架构负责内容的HTML 负责外观的css(层叠样式表) 负责行为的js ps切图第二.分解目标(起步阶段.提升阶段.成型阶段) 起步阶段: 基本知识的掌握常用工具的掌…

vue—你必须知道的 js数据类型前端学习 CSS 居中事件委托和this 让js调试更简单—console AMD && CMD 模式识别课程笔记（一） web攻击 web安全之XSS JSONP && CORS css 定位 react小结

vue—你必须知道的目录更多总结猛戳这里属性与方法语法计算属性特殊属性 vue 样式绑定 vue事件处理器表单控件绑定父子组件通信过渡效果 vue经验总结 javascript 经验总结更多总结猛戳这里属性与方法不要在实例属性或者回调函数中(例如,vm.$watch('a', newVal => this.myMethod())使用箭头函数.因为箭头函数会绑定父级上下文,所以 this 不会按照预期指向 Vue 实例,然后 this.myMethod 将是未定义.…