- 博客(15)
- 收藏
- 关注
RSS订阅原创 css3基础
* - ele:nth-last-of-type(n){ } 选择一组元素中特定类型的倒数第n个ele元素 *//* - ele:nth-of-type(n){ } 选择一组元素中特定类型的第n个ele元素 */- ele:nth-last-of-type(n){ } 选择一组元素中特定类型的倒数第n个ele元素。- ele:nth-last-of-type(n){ } 选择一组元素中特定类型的倒数第n个ele元素。- 按下F1，选择autoprefixer:Run，之后会在css文件中添加私有前缀。
2022-10-26 19:36:36
38
1
原创 css其他属性
它是一个独立的渲染区域，只有Block-level box参与，它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。用来限制在一个块元素显示的文本的行数。- 每个元素的margin box的左边，与包含块border box的左边相接触(对于从左往右的格式化，否则相反)，>-webkit-box-orient必须结合的属性，设置或检索伸缩盒对象的子元素的排列方式。- BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。/* 控制要显示的行数 */
2022-10-24 19:49:33
47
原创 css定位知识点2
img src="D:/web/2021/2021一阶段资料/day07/笔记/media/day07_01.jpg" style="zoom:50%;>如果元素的四个边的位置是使用“top”、“right”、“bottom”和“left”来描述的，那么元素的“height”和“width”将隐式地由偏移量决定。相对于元素在正常的文档流中的位置移动它，把一个正常布局流中的元素从它的默认位置按坐标进行相对移动。表示“将元素放在文档布局流的默认位置，HTML 元素的默认值，即没有定位，遵循正常的文档流对象。
2022-10-24 19:44:07
47
原创 css布局知识
如果元素的四个边的位置是使用“top”、“right”、“bottom”和“left”来描述的，那么元素的“height”和“width”将隐式地由偏移量决定。浮动元素： 使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本、图片、表单标签依然会为这个元素让出位置，环绕在周围。相对于元素在正常的文档流中的位置移动它，把一个正常布局流中的元素从它的默认位置按坐标进行相对移动。表示“将元素放在文档布局流的默认位置，HTML 元素的默认值，即没有定位，遵循正常的文档流对象。
2022-10-24 19:41:05
48
原创 css其他属性
webkit-box-orient必须结合的属性，设置或检索伸缩盒对象的子元素的排列方式。它是一个独立的渲染区域，只有Block-level box参与，它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。内部的Box会在垂直方向，一个接一个地放置 Box垂直方向的距离由margin决定，属于同一个BFC的两个相邻Box的margin会发生重叠。每个元素的margin box的左边，与包含块border box的左边相接触(对于从左往右的格式化，否则相反)，
2022-10-08 16:11:13
23
原创 CSS 定位布局
如果元素的四个边的位置是使用“top”、“right”、“bottom”和“left”来描述的，那么元素的“height”和“width”将隐式地由偏移量决定。浮动元素： 使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本、图片、表单标签依然会为这个元素让出位置，环绕在周围。相对于元素在正常的文档流中的位置移动它，把一个正常布局流中的元素从它的默认位置按坐标进行相对移动。表示“将元素放在文档布局流的默认位置，HTML 元素的默认值，即没有定位，遵循正常的文档流对象。
2022-10-08 16:09:25
45
原创 CSS 布局
网页中有很多布局效果，标准流没有办法完成，使用可以利用浮动改变元素默认的排列方式，举例说明（如网页中横向排列的模块或者一左一右排列的模块）。1.1、浮动的概念浮动可以使元素【脱离文档流】，【按照指定方向排列】，直到遇到父元素的边界或另一个浮动元素【停止】。1.2、浮动属性floatleft 左浮动right 右浮动float:none 不浮动(默认值)1.3、浮动的基本特性可以使块元素在一行排列脱离文档流提升层级。
2022-10-08 16:07:46
32
原创 css浮动
网页中有很多布局效果，标准流没有办法完成，使用可以利用浮动改变元素默认的排列方式，举例说明（如网页中横向排列的模块或者一左一右排列的模块）。1.1、浮动的概念浮动可以使元素【脱离文档流】，【按照指定方向排列】，直到遇到父元素的边界或另一个浮动元素【停止】。1.2、浮动属性floatleft 左浮动right 右浮动float:none 不浮动(默认值)1.3、浮动的基本特性可以使块元素在一行排列脱离文档流提升层级。
2022-09-26 16:48:08
699
原创 css复合选择器
2.1 继承性2.1.1 概念父元素向后代元素传递属性的机制。2.1.2、表现后代元素会继承父元素的属性。2.1.3、总结常用可继承的属性font-size、font-style、font-weight、font-family、font、text-align、text-indent、cursor、list-style等2.1.4、强制继承每个CSS属性都接受这些值inherit，表示强制开启了继承”。2.1.5、作用恰当地使用继承可以简化代码，降低CSS样式的复杂性。3.2、优先级。
2022-09-24 23:31:10
142
原创 css盒模型
CSS盒模型本质上是一个盒子，封装周围的 HTML 元素，它包括：边距、边框、填充、和实际内容。（即装东西的容器）所有 HTML 标签可以看作盒子，在 CSS 中，"box model" 这一术语是用来设计和布局时使用的。（即网页布局就是利用 CSS 摆盒子）正在上传…重新上传取消正在上传…重新上传取消。
2022-09-21 20:32:29
74
2
原创 css文本属性
常用值： - normal默认值 - bold加粗 - 100-900九级字重，400相当于normal，700相当于bold - **注意**：不是所有字体都内置了九级字重#### 1.5 line-height- 作用：设置行高（效果是产生文本行间距）- 语法：line-height:值；- 常用值 - 默认值：0 - 长度值，px,em(更方便) - 百分比: 相对于元素内容宽进行计算 - 允许负值#### 2.4 color- 作用：设置文字的颜色- 语法：color:颜色值；
2022-09-20 21:11:35
79
原创 HTML标签
表格由table标签来定义。每个表格均有若干行（由tr标签定义），每行被分割为若干单元格（由td标签定义）。类比：excel表格&网页中的表格未定宽度的表格、单元格适应内容同一行只识别一个高，取最大值同一列只识别一个宽，取最大值表格可以包含其他HTML标签以及表格全称：Cascading Style Sheets，通常称为CSS样式表或层叠样式表（级联样式表）。
2022-09-19 20:58:07
585
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人