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 · 113 阅读 · 0 评论 -
CSS margin-top塌陷问题
在俩个盒子嵌套的时候,内部的盒子设置的margin-top会加到外边的盒子上,导致内部的盒子margin-top设置失败,解决方法如下:1.外部盒子设置一个边框2.外部盒子设置voerflow:hidden3.使用伪元素类;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic原创 2020-10-10 15:21:10 · 155 阅读 · 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 · 197 阅读 · 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 · 641 阅读 · 0 评论 -
CSS基本属性(三)
CSS基本属性3Transition—复合属性[检索或设置对象变换时的过渡。]<’ transition-property '>: 检索或设置对象中的参与过渡的属性none: 不指定过渡的css属性all: 所有可以进行过渡的css属性自定义属性:指定要进行过渡的css属性<’ transition-duration '>: 检索或设置对象过渡的持续时间时长:指定对象过渡的持续时间 [单位s秒]<’ transition-timing-function '>原创 2020-08-27 16:24:07 · 139 阅读 · 0 评论 -
CSS基本原理入门
1. 表格属性属性名称用途取值border-collapse设置或检索表格的行和单元格的边是合并还是独立。separate: 边框独立 collapse: 相邻边被合并border-spacing边框独立时,单元格与单元格之间的间距数字,不允许负值empty-cells设置或检索当表格的单元格无内容时,是否显示该单元格的边框。hide:隐藏该单元格的边框。 show:显示该单元格的边框。<!DOCTYPE html><html>原创 2020-08-26 15:35:21 · 193 阅读 · 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 · 272 阅读 · 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 · 278 阅读 · 0 评论