CSS
知友丶
这个作者很懒,什么都没留下…
展开
-
Vue中span标签width宽度对英文和数字不生效解决方法
在span标签中写上style=“word-break: break-all;width: 2rem;”html同理原创 2021-10-19 17:39:16 · 1206 阅读 · 0 评论 -
元素定位以及圆角样式
相对定位:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!-- 相对定位 相对于自己原来的位置进行偏移 --> <style> body{ padding: 20px; }原创 2021-02-17 18:27:49 · 78 阅读 · 0 评论 -
浮动
块级元素:独占一行h1~h6 p div 列表…行内元素: 不独占一行span a img strong …行内元素可以被包含在块级元素中,反之则不可以display:<!-- block 块元素 inline 行内元素 inline-block 是块元素但是可以内联,在一行! --> <style> div{ width: 100p原创 2021-01-11 16:48:53 · 69 阅读 · 1 评论 -
盒子模型
什么是盒子模型?margin : 外边距padding: 内边距border: 边框边框:1.边框的粗细2.边框的样式3.边框的颜色<style> /*body总有一个默认的外边距 设置外边距为0:margin: 0*/ body{ margin: 0; } /*border: 粗细 ,样式 ,颜色*/ #app{ width: 300px;原创 2021-01-11 16:54:24 · 38 阅读 · 0 评论 -
美化网页元素
字体样式:<!-- font-family: 字体 font-size: 字体大小 font-weight: 字体的粗细 color: 字体颜色--> <style> body{ font-family: 宋体; color: brown; } h1{ font-s原创 2021-01-11 16:59:27 · 112 阅读 · 3 评论 -
选择器
1.标签选择器: 选择一类标签 标签{}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /* 标签选择器会选择到页面上所有的标签的元素 */ h1{ color:原创 2021-01-10 16:38:43 · 95 阅读 · 0 评论 -
CSS的三种导入方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!-- 内部样式--> <style> h1{ color: green; } </style><!-- 外部样式--&g原创 2021-01-10 16:33:32 · 111 阅读 · 0 评论