html & css
前端笔记
zzzzls~
这个作者很懒,什么都没留下…
展开
-
从零到一,Bootstarp框架常用模块简介
Bootstrap 是最受欢迎的响应式、移动设备优先的门户和应用前端框架,能够做到快速开发 Web 应用程序和网站,为什么使用 Bootstrap?1.移动设备优先 2.所有的主流浏览器都支持 Bootstrap 3. 响应式设计 4. 为开发人员创建接口提供了一个简洁统一的解决方案 5. 包含功能强大的内置组件,易于定制 6. 提供了基于 Web 的定制 7. 容易上手 8. 开源原创 2020-05-21 08:54:45 · 764 阅读 · 0 评论 -
你真的了解吗? CSS 溢出 & 浮动 & 定位
CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。显然,这个功能非常强大,也很让人吃惊。原创 2020-05-14 19:48:50 · 389 阅读 · 0 评论 -
html 原生滚动条详解,看这一篇就够了!
最近在做一个聊天室的小案例,遇到了一个关于滚动条的问题,需要对获取的信息即时滚动以保证用户总能看到最新消息。聊天程序是基于 ajax 实现的,没有使用框架,消息容器是一个 div,查阅大量资料后写下这篇文章,以作记录!原创 2020-03-18 08:20:03 · 16863 阅读 · 3 评论 -
HTML 块级元素 & 行内元素 & 可替换元素
文章目录HTML 元素分类块级元素 & 行内元素可替换元素displayHTML 元素分类为了更好的进行 CSS 样式布局,HTML 元素可以分为两类: 块级元素 和 行内元素块级元素 & 行内元素常见的块级元素:div , p , ul , li , h1-h6, table , form常见的行内元素:a , span , em , b , i , strong , img区别:是否独占一行width、heightpadding、margin默认宽高原创 2020-05-13 23:05:45 · 460 阅读 · 0 评论 -
CSS 设置 border 边框不占元素宽高
box-sizing 用于设置 html 标签的宽度和高度是否包含 padding 和 border 的属性原创 2020-03-16 18:49:43 · 21230 阅读 · 0 评论 -
CSS 框模型详解
文章目录CSS 盒子模型(Box Model)元素的宽度和高度内边距外边距外边距自动合并CSS 盒子模型(Box Model)所有的 HTML 元素可以看作盒子CSS 盒模型本质上是一个盒子,封装周围的 HTML 元素,包括:边距,边框 和 实际内容下面的图片说明了盒子模型:Margin(外边距): 边框外的区域Border(边框): 围绕在内边距和内容外的边框Padding(内边距): 内容周围的区域Content(内容): 盒子的内容元素的宽度和高度当你指定一个 CSS 元素的原创 2020-05-13 20:36:09 · 404 阅读 · 0 评论 -
CSS 样式常用属性
文章目录CSS 颜色背景属性字体属性文本属性边框属性CSS 颜色CSS 的颜色可以通过以下方法指定:十六进制颜色p { background-color: #ff0000;}RGB颜色p { background-color: rgb(255,0,0);}RGBA颜色p { background-color: rgb(255,0,0,0.5);}英文单词p { background-color: red;}背景属性#item {原创 2020-05-12 22:35:28 · 194 阅读 · 0 评论 -
CSS 选择器 傻傻分不清 , 看这些就够了!
CSS 是 "`Cascading Style Sheet`" 的缩写,中文译为 "**层叠样式表**",用来控制网页的样式,如 字体,颜色,边框,间距,大小,位置,可见性等如果将 HTML 网页比作 "毛坯房",那么有了 CSS 就是 "精装修"!原创 2020-05-12 21:43:16 · 380 阅读 · 0 评论 -
HTML 基础 & 常见标签
HTML 是用来描述网页的一种语言- HTML 指的是超文本标记语言(Hyper Text Markup Language)- HTML 不是一种编程语言,而是一种**标记语言**(markup language)- 标记语言是一套标记标签(markup tag)- HTML 使用**标记标签**来描述网页- HTML 对大小写不敏感,建议使用小写原创 2020-05-11 22:38:43 · 460 阅读 · 0 评论