![](https://img-blog.csdnimg.cn/20190927151043371.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
html与css
前端学习
Craze w
博观而约取,厚积而薄发。
展开
-
css中的选择器的嵌套关系">"与"+"
css中 “>” 表示子元素选择器(Child selectors)。与后代选择器相比,子元素选择器只能选择作为某元素子元素的元素,而不管孙辈、玄孙辈的元素。作用是:在嵌套标签中,将样式只作用于儿子辈的标签,而不作用于孙子辈的标签。1.创建Html元素<div class='test'> <div> 我是长子 <...原创 2019-06-24 16:25:51 · 1356 阅读 · 0 评论 -
HTML与CSS设计网站技巧
网站创作技巧选择属性的命名:由上到下:头部(header)、导航栏(nav)、轮播背景图(banner)、轮廓图的低下(new_left,new_right)、底部(footer)等。其中关于编写网站是内容较多,可以用另一个HTML链接来实现替代style,<link rel="stylesheet" href="./css.index(HTML文件名称).css">。具体...原创 2019-06-20 20:27:11 · 156 阅读 · 0 评论 -
CSS中浮动的探究
CSS中关于浮动的探究浮动(float)属性作为CSS中的重要属性,在网页设计中有着至关重要的作用。float属性有两个作用:*可以实现让浮动的框向左、向右移动,指到它的外边缘碰到包含它框的边缘或其他浮动框的边缘*浮动属性的元素脱离了标准文档流,可以认为浮动的元素不在普通的文档流中我们可以通过以下几幅图来了解CSS中的float属性:如下图所示,当把框 1 向右浮动时,它脱离文档流...原创 2019-05-18 19:04:14 · 142 阅读 · 0 评论 -
line-height和vertical-align实现多行文字水平垂直居中效果
line-height和vertical-align实现多行文字水平垂直居中效果在CSS的学习过程中,我们经常会碰到关于行内文字实现水平居中的效果,解决这个问题有两种方法,line-height和vertical-align。line-height: <style> div { height: 50px; line-height: 50px...原创 2019-05-14 18:56:10 · 314 阅读 · 0 评论 -
CSS中的相对定位与绝对定位
可以看出相对定位需要有一个参照物,而绝对定位不需要任何参照物原创 2019-05-13 21:24:35 · 170 阅读 · 0 评论