CSS快速掌握
好森森
这个作者很懒,什么都没留下…
展开
-
CSS3
CSS3=CSS2+新语法+新的属性结构伪类原创 2020-02-15 21:22:57 · 87 阅读 · 0 评论 -
盒子
组成部分:内容(content)+内填充(padding)+边框(border)+外边距(margin)主要属性:width、heigth、padding、border、marginpadding:内填充,是指盒子中间的内容到边框的距离有四个方向,分别是:padding-top(上内填充)、padding-right(右内填充)、padding-bottom(下内填充)、pad...原创 2020-02-09 13:16:15 · 237 阅读 · 0 评论 -
清除浮动
注意:只要有浮动,就必须要清除浮动为什么?因为浮动会影响它下面的元素的排版布局,还有浮动元素的父元素没有将浮动元素包裹着只要清除了浮动,就不会影响它下面的元素的排版布局,它的父元素在视觉上也会将它包裹着清除浮动有三种方法:给浮动元素的父元素设置固定的高度(不建议使用 因为一般情况是由其自身的内容来撑高的) 使用清除浮动的样式属性 clear 有三个值:l...原创 2020-02-03 17:01:41 · 91 阅读 · 0 评论 -
浮动
需求:在标准文档流中有两种元素:块级元素和行内元素。行内:让多个元素排在同一行;块级:给这些元素设置宽高。浮动可以让元素脱离标准文档流,实现多个元素排在同一行,并且可以设置宽高。实现:float:有两个值 left(向左浮动)、right(向右浮动)特性:它是脱离标准流的,因此不占用空间 它的层级比标准文档流里面的元素层级要高,它会把标准文档流中的元...原创 2020-02-03 11:00:52 · 58 阅读 · 0 评论 -
!important属性
作用:提升属性的权重,其值为无穷大。格式:属性:值 !important;注意:1、!important提升的是属性的权重,而不能提升选择器的权重2、!important不能提升继承过来的权重<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2020-01-31 12:16:44 · 387 阅读 · 0 评论 -
优先级
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>优先级</title> <style type="text/css"> /* id选择器 */ #dd{ ...原创 2020-02-01 14:17:32 · 72 阅读 · 0 评论 -
选择器
基本选择器类选择器格式:.h{color: #f00;}<h2 class="h"> 内容 </h2>或者:h2.h{color: #f00;}id选择器:注意:在一个HTML文件中id的属性值必须是唯一的复合选择器注意:1、子元素选择器是只匹配一级元素2、相邻元素选择器E和F必须是平辈关系E和F必须是紧挨着,中间不...原创 2020-01-30 15:21:57 · 61 阅读 · 0 评论 -
属性
尺寸样式属性:注意:<span></span>标签是一个行内元素,不可以设置宽度和高度。只有块元素才能设置。文本与字体属性:文本属性line-height:如果要设置文本的垂直方向居中对齐就要设置height和line-height一样的值字体属性简写:选择器{fort:斜体 加粗 字号 字体;}例如:p{fort:i...原创 2020-01-30 15:19:07 · 90 阅读 · 0 评论 -
CSS代码的书写方式
嵌入式语法规则:<style type="text/css"> /*书写CSS代码*/ 选择器{属性:属性值;属性:属性值}</style>注意:<style></style>可以出现在HTML的任何位置,但是一般我们只将它放在<head></head>之间外链式外链式是指单独写一个以....原创 2020-01-21 12:37:17 · 340 阅读 · 0 评论 -
CSS简介
什么是CSSCSS翻译为“层叠样式表”或者“级联样式表”主要作用给HTML设置外观或者样式包括:文字大小、颜色、字体、网页的背景颜色等语法规则...原创 2020-01-21 11:25:43 · 70 阅读 · 0 评论