CSS
文章平均质量分 55
chang _an
这个作者很懒,什么都没留下…
展开
-
CSS盒子水平居中与常用布局
CSS复习–二一、水平垂直居中的几种方式让元素在父元素中呈现出水平垂直居中的形态,无非就 2 种情况:单行的文本、inline 或者 inline-block 元素;固定宽高的块级盒子;不固定宽高的块级盒子;1.1单行的文本、inline 或 inline-block 元素水平居中此类元素需要水平居中,则父级元素必须是块级元素(block level),且父级元素上需要这样设置样式:.parent { text-align: center;}复制代码垂直居中方法一:通原创 2021-03-24 18:08:30 · 266 阅读 · 0 评论 -
编写静态页面经验总结
静态页面经验总结1.关于布局时候的居中问题line-height是内容的垂直居中而不是元素的垂直居中,元素的垂直居中可以利用内联元素设置vertical-align:middle来实现,在确定高度的情况下也可以通过设置margin或者padding来实现。2.关于absolute的相对位置的问题当使用absolute定位的时候,其相对位置是以上一级有position的元素的位置为基准的,上一级中没有则上上一级,依次,直至到body元素,则以body元素的位置为基准。3.同时使用vertical-a原创 2020-12-10 08:35:00 · 1345 阅读 · 0 评论 -
CSS中可以和不可以继承的属性
CSS中可以和不可以继承的属性一、无继承性的属性1、display:规定元素应该生成的框的类型2、文本属性:vertical-align:垂直文本对齐text-decoration:规定添加到文本的装饰text-shadow:文本阴影效果white-space:空白符的处理unicode-bidi:设置文本的方向3、盒子模型的属性:width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、bo原创 2020-09-17 16:21:20 · 72 阅读 · 0 评论 -
CSS盒子
盒子盒子模型什么是盒子模型?这些属性令它像一个盒子一样,就叫做盒子模型1、css背景(background):css可以添加背景颜色和背景图片来进行图片的设置,比如给一个div盒子,那么div盒子相关背景的属性可以设置以下:背景颜色:div {background-color: red;},给div盒子设置一个红色背景颜色。背景图片:div {background-image: url(图片路径);},给div盒子设置一个背景图片,背景图片我们一般给小背景图片或超大背景图片。背景平铺:div原创 2020-09-17 13:51:03 · 298 阅读 · 0 评论 -
CSS的高级技巧
CSS高级技巧一、初步认知:说出元素显示隐藏最常见的写法说出精灵图的产生目的说出去除图片底测空白缝隙的方法元素显示隐藏最常见的写法(9种思路):display对于元素显隐来说,最常见就是display:none | display:block,但是使用这种方法有个问题,元素的display属性在隐藏前并不都是block,还有可能是inline、inline-block等[注意]如果要适用于任何元素需要提前储存元素的display值visibilityvisibility:hidden原创 2020-09-15 20:18:21 · 149 阅读 · 0 评论 -
初识CSS
1.HTML的局限性总结:1.HTML满足不了设计者的需求2.操作html属性不方便3.HTML里面添加样式带来的是无尽的臃肿和 繁琐2.CSS初识1.概念: CSS(Cascading Style Sheets) ,通常称为CSS样式表或层叠样式表(级联样式表)2.作用: 1.主要用于设置 HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、 边框样式、边距等)以及版面的布局和外观显示样式。 2.CSS以HTML为基础,提供了丰富的功能,如字原创 2020-09-08 10:21:54 · 104 阅读 · 0 评论 -
CSS选择器
CSS选择器1.CSS选择器作用(重点)找到特定的HTML页面元素css就是分两件事,选对人,做对事。这段代码就是2件事, 把 h3选出来, 然后 把它变成了 红色。 以后我们都这么干。另外,选择器分为基础选择器和 复合选择器2.CSS基础选择器2.1标签选择器概念:标签选择器(元素选择器)是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类 标签指定统一的CSS样式。语法:作用: 标签选择器 可以把某一类标签全部选择出来 比如所有的div标签 和 所有的 sp原创 2020-09-09 08:35:26 · 101 阅读 · 0 评论