前端开发学习——CSS装饰 浏览器运行效果:由此可以看出,img父级盒子高度与img高度不同,且略大。场景:控制内容溢出部分的显示效果,如:显示、隐藏、滚动条......场景:让某个元素本身在屏幕中不可见,如:鼠标:hover之后元素隐藏。赋值规则:从左上角开始赋值,然后顺时针赋值,没有赋值的看对角!场景:让盒子四个角落变得圆润,增加页面细节,提升用户体验。属性名:border-radius(边框半径)场景:设置鼠标光标在元素上时的显示样式。属性名:vertical-align。属性名:cursor(光标)属性名:overflow。
前端开发学习——CSS定位 1.标准流块级元素独占一行——垂直布局行内元素/行内块元素一行显示多个——水平布局2.浮动可以让原本垂直布局的块级元素变成水平布局3.定位可以让元素自由的摆放在网页的任意位置一般用于盒子之间的层叠情况介绍:拼爹型定位,相对于非静态定位的父元素进行定位移动代码:position:absolute;需配合方位属性实现移动默认相对于浏览器可视区域进行移动在页面中不占位置——脱标应用场景配合绝对定位组CP(子绝父相)/* 绝对定位。
前端开发学习——CSS盒子模型 页面中的每一个标签,都可以看做是一个“盒子”,通过盒子的视角更方便地进行布局浏览器在渲染网页时,会将网页中的元素看作是一个个的矩形区域,我们也形象地称之为“盒子”Margin(外边距) -清除边框外的区域,外边距是透明的。Border(边框) -围绕在内边距和内容外的边框。Padding(内边距) -清除内容周围的区域,内边距是透明的。Content(内容) -盒子的内容,显示文本和图像。
前端开发学习——CSS进阶 ul、li、dl、dt、dd、form、header、nav、footer等。1、块级元素一般作为大容器,可以嵌套:文本、块级元素、行内元素、行内块元素等。属性值(颜色取值):关键字、rgb表示法、rgba表示法、十六进制等。注意点:交集选择器中如果有标签选择器,一定要把标签选择器放在最前面。作用:根据HTML标签嵌套关系,选择父元素后代中满足条件的元素。作用:根据HTML标签嵌套关系,选择父元素子代中满足条件的元素。、b、u、i、s、strong、ins、em、del等。
前端开发学习——CSS基础 在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。要使用内联样式,你需要在相关的标签内使用样式(style)属性。作用:通过id属性值,找到页面中带有这个id属性值的标签,设置样式。作用:通过类名,找到页面中所有带这个类名的标签,设置样式。作用:通过标签名,找到页面中所有这类标签,设置样式。结构:#id属性值{css属性名:属性值;结构:.类名{css属性名:属性值;结构:标签名{css属性名:属性值;作用:找到页面中所有的标签,设置样式。结构:*{css属性名:属性值;
前端开发入门学习——HTML学习 为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。源属性的值是图像的 URL 地址。然而,这些标签的含义是不同的: 与 定义粗体或斜体文本。 或者 意味着你要呈现的文本是重要的,所以要突出显示。超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。加载页面时,要注意插入页面图像的路径,如果不能正确设置图像的位置,浏览器无法加载图片。