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 · 263 阅读 · 0 评论 -
CSS学习笔记（九）CSS定位
1、HTML中的三中布局方式 标准流 网页中默认的布局方式，即顺序布局。块级元素独占一行，而内联元素相邻排列。 浮动 定位 2、position属性 static：默认值，元素按标准流排列 relative：元素仍处于标准流中，但可以通过left、right、top、bottom改变元素相对于窗口左上角顶点的位置。有层级关系，后写的元素会覆盖先写的元素。 以窗口左上角为坐标原点。 当设置le...原创 2019-05-10 11:27:16 · 333 阅读 · 0 评论 -
CSS学习笔记（八）float属性
1、float属性的取值 left 左浮动 right 右浮动 none 不浮动 inherit 继承父元素的浮动 对块级元素使用左浮动，会使多个块级元素在一行内排列。 对内联元素使用浮动，可使该元素和块级元素一样可设置height、width。 右浮动会使元素倒序排列。 实现文字环绕图片效果： 2、浮动的副作用 给某元素设置了float属性，会使该元素脱离文档流。 例如，如果父元素没有...原创 2019-05-10 09:03:23 · 992 阅读 · 0 评论 -
CSS学习笔记（七）盒子模型
网页中盒子模型 1、宽度和高度 （1）宽度属性 width：长度值|百分比|auto max-width：长度值|百分比|auto min-width：长度值|百分比|auto 若元素高度在min-width和max-width之间，则最终高度=元素高度；若元素高度>max-width，则最终高度=max-width；若元素高度<min-width，则最终高度=min-width。 （...原创 2019-05-09 20:33:40 · 446 阅读 · 0 评论 -
CSS学习笔记（六）背景和列表
1、背景样式 （1）背景颜色 background-color：color|transparent color：指定背景颜色。如：yellow|#00ff00|rgb(255,0,255)； transparent：指定背景颜色应该是透明的。这是默认； *注：背景区包括内容、内边距和边距，不包含外边距。 （2）背景图片 background-image:URL|none url(‘URL’)：图像...原创 2019-04-25 13:20:09 · 151 阅读 · 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 · 156 阅读 · 0 评论 -
CSS学习笔记（四）样式命名
1、CSS样式命名规则 采用字母、数字、中划线、下划线的组合； 以小写字母开头； 采用单字，连字符，下划线和驼峰。如： .special{...} .mainTitle{...} .main-title{...} .main_title{...} 2、常用CSS样式命名 ...原创 2019-04-23 13:13:26 · 285 阅读 · 0 评论 -
CSS学习笔记（三）继承和层叠
1、CSS继承 父元素设置样式，子元素可以继承部分属性。例如： <p><span>继承</span></p> 给p标签设置属性，则span能继承该属性。 *注：不是所有样式都能继承，如border。 2、CSS层叠 可以定义多个样式； 不冲突时，多个样式可层叠为一个； 冲突时，按优先级来应用样式。 3、CSS优先级 id选择器>class选择...原创 2019-04-23 13:01:12 · 231 阅读 · 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 · 249 阅读 · 0 评论 -
CSS学习笔记（十）网页布局
1、行布局 基础的行布局 页面由头部、banner、内容、底部组成。头部固定不动。 行布局自适应 设置width为100%，而不是固定值，则元素始终与窗口宽度一致。或者设置90%，使元素左右有间距。 行布局自适应限制最大宽 设置max-width属性，当窗口宽度大于max-width时，元素宽度为max-width；当窗口宽度小于max-width时，元素宽度为width。 行布局垂直水平居...原创 2019-05-10 15:57:52 · 241 阅读 · 0 评论