![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
郎小平
这个作者很懒,什么都没留下…
展开
-
CSS学习笔记(一)基本语法
1、基本结构选择器 {属性名:值;属性名:值},例如:p {color:red;text-align:center;}多个选择器用逗号隔开,如:h1,h2,h3 {color:red;text-align:center;}2、引用位置<head> <style type="text/css"> CSS样式。。。 </style><...原创 2019-04-23 09:33:02 · 201 阅读 · 0 评论 -
CSS学习笔记(九)CSS定位
1、HTML中的三中布局方式标准流网页中默认的布局方式,即顺序布局。块级元素独占一行,而内联元素相邻排列。浮动定位2、position属性static:默认值,元素按标准流排列relative:元素仍处于标准流中,但可以通过left、right、top、bottom改变元素相对于窗口左上角顶点的位置。有层级关系,后写的元素会覆盖先写的元素。以窗口左上角为坐标原点。当设置le...原创 2019-05-10 11:27:16 · 268 阅读 · 0 评论 -
CSS学习笔记(八)float属性
1、float属性的取值left 左浮动right 右浮动none 不浮动inherit 继承父元素的浮动对块级元素使用左浮动,会使多个块级元素在一行内排列。对内联元素使用浮动,可使该元素和块级元素一样可设置height、width。右浮动会使元素倒序排列。实现文字环绕图片效果:2、浮动的副作用给某元素设置了float属性,会使该元素脱离文档流。例如,如果父元素没有...原创 2019-05-10 09:03:23 · 923 阅读 · 0 评论 -
CSS学习笔记(七)盒子模型
网页中盒子模型1、宽度和高度(1)宽度属性width:长度值|百分比|automax-width:长度值|百分比|automin-width:长度值|百分比|auto若元素高度在min-width和max-width之间,则最终高度=元素高度;若元素高度>max-width,则最终高度=max-width;若元素高度<min-width,则最终高度=min-width。(...原创 2019-05-09 20:33:40 · 412 阅读 · 0 评论 -
CSS学习笔记(六)背景和列表
1、背景样式(1)背景颜色background-color:color|transparentcolor:指定背景颜色。如:yellow|#00ff00|rgb(255,0,255);transparent:指定背景颜色应该是透明的。这是默认;*注:背景区包括内容、内边距和边距,不包含外边距。(2)背景图片background-image:URL|noneurl(‘URL’):图像...原创 2019-04-25 13:20:09 · 121 阅读 · 0 评论 -
CSS学习笔记(五)文本样式
1、字体样式font-family 指定文本的字体类型或字体集;字体集有:serif(有装饰),sans-serif(无装饰),monospace/*设置多个字体,浏览器会依次查找*/h1{font-family:"微软雅黑","宋体","黑体",sans-serif;}font-size 指定文本的字体大小,浏览器默认16px;color指定文本的颜色;body{...原创 2019-04-24 16:39:39 · 121 阅读 · 0 评论 -
CSS学习笔记(四)样式命名
1、CSS样式命名规则采用字母、数字、中划线、下划线的组合;以小写字母开头;采用单字,连字符,下划线和驼峰。如:.special{...}.mainTitle{...}.main-title{...}.main_title{...}2、常用CSS样式命名...原创 2019-04-23 13:13:26 · 225 阅读 · 0 评论 -
CSS学习笔记(三)继承和层叠
1、CSS继承父元素设置样式,子元素可以继承部分属性。例如:<p><span>继承</span></p>给p标签设置属性,则span能继承该属性。*注:不是所有样式都能继承,如border。2、CSS层叠可以定义多个样式;不冲突时,多个样式可层叠为一个;冲突时,按优先级来应用样式。3、CSS优先级id选择器>class选择...原创 2019-04-23 13:01:12 · 181 阅读 · 0 评论 -
CSS学习笔记(二)选择器
1、标签选择器以html标签作为选择器:p {color:red}2、类选择器类选择器以一个点"."号显示。在标签内声明类:<p class="con"></p>在CSS文件中定义类选择器:.con{color:red}*注1:对于不同类型元素的同一个类选择器如何区分:p.con{color:red}h1.con{color:green}*注...原创 2019-04-23 10:28:18 · 204 阅读 · 0 评论 -
CSS学习笔记(十)网页布局
1、行布局基础的行布局页面由头部、banner、内容、底部组成。头部固定不动。行布局自适应设置width为100%,而不是固定值,则元素始终与窗口宽度一致。或者设置90%,使元素左右有间距。行布局自适应限制最大宽设置max-width属性,当窗口宽度大于max-width时,元素宽度为max-width;当窗口宽度小于max-width时,元素宽度为width。行布局垂直水平居...原创 2019-05-10 15:57:52 · 190 阅读 · 0 评论