css
年中初界
这个作者很懒,什么都没留下…
展开
-
CSS笔记5-盒模型
块级盒子(Block box)和内联盒子 块级盒子: 盒子会在内联方向上扩展并占据父容器在该方向上的所有可用空间,在绝大数情况下意味着盒子会和父容器一样宽 每个盒子都会换行 width和height属性可以发挥作用 内边距(padding),外边距(margin)和边框(border)会将其他元素从当前盒子周围推开 内联盒子: 盒子不会产生换行 width和height属性将不起作用 垂直方向的内边距、外边距以及边框会被应用但是不会把其他处于inline状态的盒子推开 水平方向的内边距、外边距以及原创 2021-10-28 15:07:56 · 60 阅读 · 0 评论 -
css笔记-4 CSS、DOM原理
CSS究竟是怎么工作的 浏览器载入HTML文件 将HTML文件转换成一个DOM(Document Object Model),DOM是文件在计算机内存中的表现形式 接下来,浏览器会拉取该HTML相关的大部分资源,比如嵌入到页面的图片、视频和CSS样式 浏览器拉取到CSS之后会进行解析,根据选择器的不同类型(比如element、class、id等等)把他们分到不同的“桶”中。浏览器基于它找到的不同的选择器,将不同的规则(基于选择器的规则,如元素选择器、类选择器、id选择器等)应用在对应的DOM节点中,并添加原创 2021-10-27 21:01:34 · 219 阅读 · 0 评论 -
css笔记3-css
边框 border-radius:创建圆角,一个用于设置所有四个边框半径属性的速记属性 box-shadow:添加阴影,附加一个或多个下拉框的阴影 border-image:设置所有边框图像的速记属性 布局 padding:即内边距,围绕着内容的空间 border:即边框, 紧接着内边距的线 margin:即外边距,围绕元素外部的空间 ...原创 2021-10-27 20:59:51 · 57 阅读 · 0 评论 -
css笔记2-文本字体
font :指定文本字体样式; normal:指定文本字体样式为正常的字体; italic:指定文本样式为斜体(选取字体中的斜体字); oblique:指定文本字体样式为倾斜的字体; :指定文本是否为小型的大写字母; normal:正常的字体; small-caps:小型的大写字母字体 :指定文本字体的粗细; normal:正常的字体。相当于数字值400; bold:粗体。相当于数字值700; bolder:定义比继承值更重的值; lighter:定义比继承值更轻的值; :用数字表示文本字体原创 2021-10-26 20:36:57 · 79 阅读 · 0 评论 -
css笔记1-background
颜色背景(background) background-image:指定对象的背景图像。可以是真实图片路径或使用渐变创建的“背景图片” background-position:指定对象的背景图像位置 center:背景图片横向和纵向居中; left:背景图像在横向上填充从左边开始; right:背景图像在横向上填充从右边开始; top:背景图片在纵向上填充从顶部开始; bottom:背景图片在纵向上填充从底部开始; :用长度值指定背景图像填充的位置; :用百分比指定背景图像填充的位置。可以为负值。其参考原创 2021-10-26 19:53:25 · 126 阅读 · 0 评论