学习笔记 - 知新日笺 Innovdn.cn

CSS样式学习笔记之浮动定位布局

innov4个月前 (01-05)1040

浮动的简介在最初，浮动是用来实现文字环绕图片效果的，现在浮动是主流的页面布局方式之一。 元素浮动后的特点1. 脱离文档流。2. 不管浮动前是什么元素，浮动后：默认宽与高都是被内容撑开（尽可能小），而且可以设置宽高。3. 不会独占一行，可以与其他元素共用一行。4. 不会 margin 合并，也不会 m...

查看全文

CSS样式学习笔记之内容溢出隐藏元素样式继承元素默认样式布局技巧元素/行内块间的空白问题

innov4个月前 (01-04)610

处理内容溢出隐藏元素的两种方式方式-：visibility属性visibility 属性默认值是 show ，如果设置为 hidden ，元素会隐藏。元素看不见了，还占有原来的位置(元素的大小依然保持)方式二： display 属性设置 display：none，就可以让元素隐藏。彻底地隐藏，不但看...

查看全文

CSS样式学习笔记之盒子模型

innov4个月前 (01-03)360

盒子模型的组成部分CSS会把所有的 HTML 元素都看成一个盒子，所有的样式也都是基于这个盒子。1. margin（外边距）：盒子与外界的距离。2. border（边框）：盒子的边框。3. padding（内边距）：紧贴内容的补白区域。4. content（内容）：元素中的文本或后代元素都是它的内容...

查看全文

CSS样式学习笔记之长度单位元素的显示模式

innov4个月前 (01-02)750

CSS_长度单位CSS_元素的显示模式▍块元素（block）又称：块级元素特点：1. 在页面中独占一行，不会与任何元素共用一行，是从上到下排列的。2. 默认宽度：撑满父元素。3. 默认高度：由内容撑开。4. 可以通过 CSS 设置宽高。▍行内元素（inline）又称：内联元素特点：1. 在页面中不独...

查看全文

CSS样式学习笔记之列表表格背景鼠标相关属性

innov4个月前 (01-02)800

CSS样式_列表相关属性列表相关的属性，可以作用在ul、ol、li元素上。list-style-type - CSS：层叠样式表 | MDNCSS样式_表格相关属性CSS样式_背景相关属性CSS样式_鼠标相关属性cursor - CSS：层叠样式表 | MDN...

查看全文

CSS样式学习笔记之字体文本相关属性

innov4个月前 (12-31)1070

1、字体大小▍属性名：font-size▍语法：div { font-size:40px; }▍注意点:1. Chrome 浏览器支持的最小文字为 12px ，默认的文字大小为 16px ，并且 0px 会自动消失。2. 不同...

查看全文

CSS样式学习笔记之像素颜色

innov4个月前 (12-31)520

CSS_颜色一、表示方式一：颜色名● 编写方式：直接使用颜色对应的英文单词，编写比较简单，例如:红色：red绿色：green蓝色：blue紫色：purple橙色：orange灰色：gray..............1. 颜色名这种方式，表达的颜色比较单一，所以用的并不多2. 具体颜色名参考 MDN...

查看全文