CSS
CSS学习笔记
CSS过程记录
CSS复习笔记
北溟南风起
功夫到家,水到渠成。
展开
-
CSS定位与布局(display+visibility+position+z-index+float+清除浮动+溢出处理)
CSS定位与布局1.display属性 (盒子模型的行为方式)display: blockdisplay: inlinedisplay: none 隐藏元素其他参数值: list-item、table、table-cell、table-column、grid。2.visibility属性visibility:visible : 元素可见visibility:hidden : 元素不可见注意与di...原创 2020-03-19 13:20:05 · 446 阅读 · 0 评论 -
CSS(列表+表格+链接+自定义鼠标光标)样式
1.CSS列表样式1.1 list-style-type属性 (值可取none、circle、square、decimal、disc、lower-alpha)有序列表:列表项目用数字或者字母来表示。Onetwothree无序列表:列表项目用项目符号来表示。applewatermelonpotatolist-style-type属性的none值可以将列表的标记设置为不显示...原创 2020-03-18 23:12:44 · 689 阅读 · 0 评论 -
CSS背景属性(color+image+repeat+attachment)
背景属性background-colorbackground-imagebackground-repeatbackground-attachment1.background-color三种色值:颜色名称关键词 red十六进制值 #fffrgb2.background-imagebackground-image:url("地址");该url指定图像文件的路径。 支...原创 2020-03-18 17:29:16 · 246 阅读 · 0 评论 -
CSS盒子模型(结构图+border+padding+margin+基本计算)
css盒子模型HTML元素都可以被认为是盒子。css盒模型代表网站的设计和布局。包括三个部分:margin border padding content工作顺序为:顺时针方向: 上 右 下 左css通过盒模型来确定元素的大小以及如何放置这些元素。知识点清单:结构图border 边框padding 填充margin 边距基本计算1.结构图:2.border 边框...原创 2020-03-18 15:49:10 · 1106 阅读 · 0 评论 -
CSS文本格式处理(水平、垂直对本+文本修饰、缩进+文本添加阴影+大小写转换+文本字符间距、空格间距+设置元素换行符)
目录7.水平对齐文本 text-align8.垂直对齐文本 vertical-align9.指定文本修饰text-decoration10.文本缩进 text-indent11.文本添加阴影text-shadow:x y r red ;12.大小写转换text-transfrom13.文本中字符之间的距离 letter-spacing14.文本中单词之间的空格 w...原创 2020-03-11 22:13:01 · 638 阅读 · 0 评论 -
CSS字体属性(family+size+style+weight+color)
1.font-family 设置字体类型两个字体系列字体系列:特定的字体系列 (例如:Times New Roman、Arial) 通用族:一组具有相似外观的字体组(例如:Serif 、Monospace)两点注意事项用逗号分隔开每个字体类型备选项,浏览器会根据是否支持字体类型,顺次检索。比如你加了3个字体,第一个浏览器无法识别,则浏览器会使用第2个字体,如果还不能使用,则继续检索...原创 2020-03-10 11:42:45 · 935 阅读 · 0 评论 -
CSS属性选择器的高级用法(内含一道编程测试题)
目录0.简述属性选择器1.[href="url"]设置页面上所有包含href属性并且属性值为https://www.baidu.com的a元素2.[class~="..."]设置页面上所有含有class属性并且属性值的词列表的某个词等于baidu的div元素3.[class^="..."]设置页面上所有含有class属性并且属性值中以baidu开头的div元素4.[cla...原创 2020-03-08 17:15:55 · 1287 阅读 · 0 评论 -
CSS选择器(元素+class+id+后代+子元素+相邻+属性+选择器分组)
元素选择器( p{ ...; ...;})对已选中的HTML元素符号设置CSS样式div、 p、 a 、ul 、li等基本格式:div { height:80px; width:80px;}1.div: 元素符号2.width、height : 属性3.80px : 属性值class选择器( .Name { ...; ...;} )...原创 2020-03-08 16:50:02 · 22049 阅读 · 0 评论 -
CSS基础(简介+使用理由+三种使用方式+基本语法+注释+样式级联+样式继承)
CSS的三点简介CSS,Cascading Style Sheets意为:层叠样式表 样式定义如何显示HTML元素 样式通常存储在样式表中使用CSS的三点理由CSS允许开发者针对HTML元素应用特定的样式。 CSS运行开发者将样式与页面内容分离,便于维护。 CSS可以将web页面的所有样式从HTML中抽离出来,建立成为一个单独的CSS文件进行引用。HTML使用CSS样式的三种方...原创 2020-03-08 10:36:26 · 291 阅读 · 0 评论