![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
H之一
前端设计
展开
-
CSS三种清除浮动的方法
清除浮动的方法有三种: 父级上增加属性 overflow:hidden 在最后一个子元素的后面加一个空的 div,给它样式属性 clear:both(不推荐) 使用成熟的清浮动样式类,clearfix 如下代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,原创 2020-10-10 15:39:08 · 104 阅读 · 0 评论 -
CSS margin-top塌陷问题
在俩个盒子嵌套的时候,内部的盒子设置的margin-top会加到外边的盒子上,导致内部的盒子margin-top设置失败,解决方法如下: 1.外部盒子设置一个边框 2.外部盒子设置voerflow:hidden 3.使用伪元素类; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic原创 2020-10-10 15:21:10 · 142 阅读 · 0 评论 -
CSS图案设计
1.边框的设计 边框 其中边框圆角、边框阴影属性,应用十分广泛,兼容性也相对较好,具有符合渐进增强原则的特征,我们需要重点掌握。 边框圆角 border-radius 每个角可以设置两个值 ,x 值,y 值 1: 边框圆角处理 2: 正方形 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/cs原创 2020-09-27 17:55:45 · 184 阅读 · 0 评论 -
CSS设置文本字体,链接,背景等
一、CSS基础样式 1.CSS文本及字体设计 常用的应用文本的CSS样式 设置文字的颜色 color:red; 设置文字的大小 font-size:12px; 设置文字的字体 font-family:‘微软雅黑’; 设置字体不倾斜 font-style:‘normal’; 设置字体倾斜 font-style:‘italic’; 设置文字是否加粗 font-weight:bold; font-weight:normal 设置文字的行高 line-height:24px;原创 2020-09-25 19:07:23 · 611 阅读 · 0 评论 -
CSS基本属性(三)
CSS基本属性3 Transition—复合属性[检索或设置对象变换时的过渡。] <’ transition-property '>: 检索或设置对象中的参与过渡的属性 none: 不指定过渡的css属性 all: 所有可以进行过渡的css属性 自定义属性:指定要进行过渡的css属性 <’ transition-duration '>: 检索或设置对象过渡的持续时间 时长:指定对象过渡的持续时间 [单位s秒] <’ transition-timing-function '>原创 2020-08-27 16:24:07 · 126 阅读 · 0 评论 -
CSS基本原理入门
1. 表格属性 属性名称 用途 取值 border-collapse 设置或检索表格的行和单元格的边是合并还是独立。 separate: 边框独立 collapse: 相邻边被合并 border-spacing 边框独立时,单元格与单元格之间的间距 数字,不允许负值 empty-cells 设置或检索当表格的单元格无内容时,是否显示该单元格的边框。 hide:隐藏该单元格的边框。 show:显示该单元格的边框。 <!DOCTYPE html> <html>原创 2020-08-26 15:35:21 · 161 阅读 · 0 评论 -
CSS基本原理入门
CSS基础属性 1.什么是CSS? 2.如何导入CSS到html文件中?【3种】 3.CSS的基本选择器 4.CSS的基本属性 4.1 修饰文本样式属性 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table border="1" cellspacing="0" c原创 2020-08-25 17:28:29 · 262 阅读 · 0 评论 -
CSS基本原理入门级
CSS-1 什么是css? CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 [美化页面]。 如何将css加入您的网页中? 内联定义 (Inline Styles) 在html的开始标记内使用style属性定义适用标记样式表属性。 <!DOCTYPE html> <html> <head> <meta charset="utf-8">原创 2020-08-22 16:16:23 · 268 阅读 · 0 评论