随笔分类 -  CSS

摘要:浮动的特性 应用 浮动元素经常搭配标准流的父级元素使用 比如上面这个例子,首先要设置父级元素是标准流,上面浮动的两个子元素左浮动就行了 阅读全文
posted @ 2022-03-01 22:46 missSherry1014 阅读(20) 评论(0) 推荐(0) 编辑
摘要:border-shadow 前两个必须写 文字阴影 text-shadow 阅读全文
posted @ 2022-03-01 22:02 missSherry1014 阅读(20) 评论(0) 推荐(0) 编辑
摘要:圆形的做法 设置高度和宽度相等【必须是正方形】,半径是宽度的1/2 .no { width: 100px; height: 100px; border-radius: 50px; background-color: pink; } 圆角矩形 设置了高度和宽度,圆角矩形设置为高度的一般就行了 高度不用 阅读全文
posted @ 2022-03-01 16:06 missSherry1014 阅读(55) 评论(0) 推荐(0) 编辑
摘要:list-style:none; 阅读全文
posted @ 2022-03-01 15:49 missSherry1014 阅读(32) 评论(0) 推荐(0) 编辑
摘要:包括:边框border,内边距padding外边距margin;控制盒子与盒子之间的内容,实际内容content border边框 边框有粗细,样式,颜色 上面的比较麻烦,下面用复合写法 solid;dashed;dotted;实线,虚线,点线 border: 10px red solid;//没有 阅读全文
posted @ 2022-03-01 15:25 missSherry1014 阅读(256) 评论(0) 推荐(0) 编辑
摘要:单行文本垂直居中 阅读全文
posted @ 2022-03-01 11:17 missSherry1014 阅读(35) 评论(0) 推荐(0) 编辑
摘要:* { margin: 0; padding: 0; } 阅读全文
posted @ 2022-03-01 10:39 missSherry1014 阅读(30) 评论(0) 推荐(0) 编辑
摘要:span是最典CSS+DIV布局 块级元素(block-level) div是最典型的,一个占一行,非常适合布局 特点 总是从新的一行开始 高度、行高、外边距以及内边距都可以控制 宽度默认是容器的100% 可以容纳内联元素和其他块元素 行内元素(inline-level) span是最典型的, 区别 阅读全文
posted @ 2022-02-23 16:09 missSherry1014 阅读(22) 评论(0) 推荐(0) 编辑
摘要:文本颜色 英文,16进制,rgb格式 需要注意的是,如果使用RGB代码的百分比颜色值,取值为0时也不能省略百分号,必须写成0% 行间距 line-height 水平对齐方式 text-align 首行缩进 text-indent 字间距 letter-spacing 单词间距 word-spacin 阅读全文
posted @ 2022-02-23 15:48 missSherry1014 阅读(29) 评论(0) 推荐(0) 编辑
摘要:命名规范 不要用下划线和纯数字纯汉字 ID选择器 命名规则:第一个字母必须是英文(大小写都行),后面的ok #the-id selector{ } div id="the-id selector" class选择器 使用.开头,然后自定义一个名称,命名规则与id选择器相同 .the-id selec 阅读全文
posted @ 2022-02-22 22:34 missSherry1014 阅读(215) 评论(0) 推荐(0) 编辑
摘要:CSS参考手册:https://www.w3school.com.cn/cssref/index.asp font-size:设置字号的大小 font-family:设置字体的样式 用Unicode编码来设置 Unicode编码 黑体 \9ED1\4F53 宋体 \5B8B\4F53 楷体 \697 阅读全文
posted @ 2022-02-22 14:07 missSherry1014 阅读(90) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示