随笔分类 - 前端 / css
常用样式--字体
摘要:字体系列(Font Family): font-family: "Helvetica", "Arial", sans-serif; 字体大小(Font Size): font-size: 16px; font-size: 1.5em; 字体粗细(Font Weight): font-weight:
阅读全文
常用样式--背景
摘要:背景颜色(Background Color): background-color: blue; 背景图片(Background Image): background-image: url('path/to/image.jpg'); 背景重复(Background Repeat): backgroun
阅读全文
布局技术
摘要:主要布局技术如下: 浮动(Float): 最初用于文本环绕图像,但后来被用于布局。通过float属性,元素可以向左或向右移动,直到它的外边缘接触到包含框或另一个浮动元素的边缘。 定位(Positioning): 包括绝对定位(absolute)、相对定位(relative)、固定定位(fixed)和
阅读全文
盒子模型
摘要:内容(Content):这是盒子的主体部分,包含实际的内容,如文本、图片或其他媒体。 填充(Padding):这是内容区域和边框之间的空间。填充增加了盒子的大小,但不包括背景颜色或背景图像。 边框(Border):div边框的宽度。 边距(Margin):这是盒子最外层的空间,决定了盒子与其他元素之
阅读全文
选择器
摘要:元素选择器(Type Selectors):直接通过元素类型进行选择,例如 div, p, h1 等。 类选择器(Class Selectors):通过元素的 class 属性选择元素,以点(.)开头,例如 .classname。 ID选择器(ID Selectors):通过元素的 id 属性选择元
阅读全文
css定义方式
摘要:在Vue.js中,可以使用所有三种CSS样式定义方式(内联样式、内部样式表和外部样式表),但通常会采用一种或多种特定的方式来适应Vue的组件架构 内联样式(Inline Styles): 在Vue中,内联样式通常用于动态绑定样式属性。可以使用v-bind:style(或简写为:style)来实现。
阅读全文
css都要学习什么
摘要:CSS基础: 了解CSS是什么,以及它如何与HTML配合工作。 学习如何将CSS应用到HTML元素上,包括内联样式、内部样式表和外部样式表。 选择器: 学习不同类型的选择器(如元素、类、ID选择器)以及它们如何定位HTML元素。 了解组合器和伪类/伪元素的使用。 盒模型: 理解CSS盒模型的概念,包
阅读全文