CSS
关注
分享
扫一扫
文章平均质量分 88
css
敲代码敲到头发茂密
欲戴王冠，必承其重
展开
-
CSS之浮动
【1】什么是浮动浮动设计的初衷为了解决文字环绕图片问题，浮动后一定不会将文字挡住，这是设计初衷，不能违背的。CSS 的 Float（浮动）使元素脱离文档流，按照指定的方向（左或右发生移动），直到它的外边缘碰到包含框或另一个浮动框的边框为止。说到脱离文档流要说一下什么是文档流，文档流是文档中可显示对象在排列时所占用的位置/空间，而脱离文档流就是在页面中不占位置了。【2】浮动初衷：文字环绕图片【3】浮动原理请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边原创 2022-01-27 07:00:00 · 414 阅读 · 0 评论 -
CSS之固定定位、相对定位、绝对定位
相对定位相对元素自身所在的原来的位置进行定位。可以设置 left,right,top,bottom四个属性效果：在进行相对定位以后，元素原来所在的位置被保留了，被占用了–》保留站位其他元素的位置不会发生移动一般情况下，left和right不会同时使用 ,选择一个方向即可.top和bottom不会同时使用,选择一个方向即可优先级：左上>右下<!DOCTYPE html><html> <head> <meta charset="UTF-8"&原创 2022-01-16 16:39:42 · 5134 阅读 · 0 评论 -
CSS之关系选择器、属性选择器、伪类选择器
一、关系选择器后代选择器：只要是这个元素的后代，样式都会发生变化，div下面的所有h1标签样式都会改变关系选择器：子代选择器，只改变子标签的样式<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*后代选择器：只要是这个元素的后代，样式都会发生变化原创 2022-01-15 21:08:23 · 492 阅读 · 2 评论 -
CSS基本选择器（标签选择器、类选择器、id选择器、属性选择器、层级选择器、组选择器）
类选择器：通过元素的class属性选择（推荐使用的方式）.class属性值；（使用多种选择器）选择多个元素，设置相同的样式。通过标签+属性进行选择元素。先选中父元素，再选中子元素。一个元素可以设置多个属性。原创 2022-01-15 21:07:56 · 1554 阅读 · 0 评论