2023年8月21日

摘要: CSS中通常使用position 属性,决定元素的定位方式。 常用的定位方式通常有 | 值 | 意义 | | | | | relative | 相对定位 | | absolute | 绝对定位 | | fixed | 固定定位 | ## 相对定位 position 设置为 relative。 相对定 阅读全文
posted @ 2023-08-21 17:16 指尖,写不尽 阅读(17) 评论(0) 推荐(0) 编辑

2023年8月18日

摘要: ### 浮动 浮动是为了元素标签的并排显示问题。 我们在浏览网页的时候,经常会看到 几个 div 块是可以并排显示的, 浮动就是解决这样问题的方法之一。 **float属性有以下的值** - float: left; 左浮动 - float: right 右浮动 **浮动的特点** - 浮动主要针对 阅读全文
posted @ 2023-08-18 10:45 指尖,写不尽 阅读(24) 评论(0) 推荐(0) 编辑

2023年8月17日

摘要: ## 盒模型 所有的HTML标签都可以看成矩形盒子,由width,height,padding,border构成,称为**盒模型**。 盒子的总宽度 = width + 左右padding + 左右border 盒子的总高度 = height + 上下pading + 上下border ![](ht 阅读全文
posted @ 2023-08-17 22:58 指尖,写不尽 阅读(58) 评论(0) 推荐(0) 编辑

2023年8月16日

摘要: # CSS的继承性 ### CSS的继承性 文本相关的属性一般具有**继承性**,即给祖先设置的样式,同样被后代标签所继承。 通常具有继承性样式 - color 文本颜色。 - font-weight、font-family、font-size 等以font开头的通常和文本相关的属性。 - text 阅读全文
posted @ 2023-08-16 10:43 指尖,写不尽 阅读(64) 评论(0) 推荐(0) 编辑

2023年8月15日

摘要: 介绍三个和行相关的属性。 ### line-height 定义行高,即行的高度,数值单位用px、字号倍数、百分比表示。 ```html ``` **垂直居中** 有一种垂直居中的方式就是用行高等于盒子高。 ```jsx 这是标题 文字 ``` ### text-align 文本的水平对齐方式 | 值 阅读全文
posted @ 2023-08-15 13:52 指尖,写不尽 阅读(32) 评论(0) 推荐(0) 编辑

2023年8月14日

摘要: # 文字样式 文字是网页展示的重要内容之一,所以对文字的修饰也是CSS重点关注的一部分, CSS提供了以下常用的样式属性来修饰文字。 ### color 属性 color 用来设置文字颜色。 设置方式支持以下几种格式 - 英语颜色单词形式,如: red(红)、black(黑)、orange(橙色)等 阅读全文
posted @ 2023-08-14 08:54 指尖,写不尽 阅读(31) 评论(0) 推荐(0) 编辑

2023年8月11日

摘要: ### 权重计算 CSS 的一个重要特性就是**层叠性**,即多个css块可以同时作用在一个标签上,效果可以叠加。 如果作用在同一个标签上的css语句块中有相同的语句内容, 那么他们之间谁会生效呢? 因此,必须要有一个机制去从中间协调, 这种机制就是权重计算。 CSS规定几种简单的选择器之间的权重如 阅读全文
posted @ 2023-08-11 17:30 指尖,写不尽 阅读(37) 评论(0) 推荐(0) 编辑

2023年8月9日

摘要: ### 概念 前文说,CSS是给HTML添加样式的, 那么要想两者之间产生作用,就需要用到选择器。 选择器标记在HTML标签上; 通过选择器,浏览器可以知道什么时候加载这些样式。 CSS 通过选择器组合一组样式,集体作用在某一段html代码上。 ### 多种选择器 **标签选择器** 标签选择器,使 阅读全文
posted @ 2023-08-09 14:04 指尖,写不尽 阅读(53) 评论(0) 推荐(1) 编辑

2023年7月8日

摘要: ### 简介 CSS (cascading style shett) , 层叠样式表,是用来给HTML标签添加样式的语言。简单来说就是使网页变得更好看。 CSS的出现,使得样式和结构分离,HTML负责结构,CSS负责样式渲染。 ### CSS 书写位置 **内嵌式** 内嵌在html网页中, 和ht 阅读全文
posted @ 2023-07-08 20:11 指尖,写不尽 阅读(28) 评论(0) 推荐(0) 编辑

2023年7月7日

摘要: # HTML常用的标签 HTMl 的标签可以分为单个标签和成对标签。 单个标签:html4 规定单个标签要有一个 / 表示结尾, html5 则不用 ```html ``` 以下是HTMl中常用的一些标签 ### div 标签 div 标签 主要用来将相关的内容组合到一块,就像菜市场把各个蔬菜分成不 阅读全文
posted @ 2023-07-07 11:16 指尖,写不尽 阅读(76) 评论(0) 推荐(0) 编辑

导航