CSS
文章平均质量分 78
CSS基础知识
「已注销」
书山有路勤为径 学海无涯苦作舟
展开
-
CSS小技巧(八)
Chrome工具f12ctrl+shift+l检查Chrome结构布局1号为html结构2号为css样式3号为行数Chrome调试数据上箭头 数值增大下箭头 数据变小子元素的宽度允许大于父元素在某些情况下 子元素的宽度可以大于父元素的宽度ul的宽度大于版心的宽度 且不受影响css常见的错误css单词书写错误css无显示html 结构不匹配(重要)中文的冒号少写花括号...原创 2021-04-06 12:41:16 · 582 阅读 · 0 评论 -
CSS高级技巧(七)
元素的显示与隐藏元素在页面中 显示与隐藏display显示(隐藏)显示与隐藏display:none(隐藏)display:block(显示)特点先隐藏元素元素且不占位置<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init原创 2021-04-06 12:37:42 · 178 阅读 · 0 评论 -
CSS定位及圆角矩形(六)
三种布局机制的上下顺序标准流 + 浮动 + 定位定位定位:将盒子定在某一个位置,自由的漂浮其它盒子上面定位=定位模式+边偏移边偏移定位模式选择器 {position:属性值}staticstatic:静态定位 静态定位是定位模式中的默认属性,没有边偏移,在网布布局中几乎不用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <m原创 2021-04-02 18:31:29 · 254 阅读 · 1 评论 -
CSS项目之学成网(五)
目标了解单页面制作的流程掌握css的初始化语句掌握css属性的书写顺序准备学成网之psd开发工具=PhotoShop(切图)+Vs Code+谷歌浏览器项目的文件夹css文件夹 存放样式表。images文件夹:存放图像index:首页的内容。...原创 2021-03-31 19:34:49 · 163 阅读 · 0 评论 -
CSS布局模式之浮动 (四)
CSS布局的三种模式标准流按照元素的默认显示模式进行排列,故称为标准流浮动主要用于多个块级盒子在同一行显示定位主要把盒子定位到浏览器的某个位置 后面会经常用到定位行内块元素和浮动的区别行内块元素可以让元素在同一行显示,但是中间有空隙,而浮动却恰恰解决这个问题float(浮动)设置浮动属性的元素会脱离标准流浮动的作用能让多个块级盒子在同一行显示可以实现盒子的左右对齐浮动最早是用来实现图片环绕效果 选择器 {float: 属性值;}float之浮原创 2021-03-27 19:34:25 · 178 阅读 · 0 评论 -
CSS盒子模型(三)
css盒子模型网页布局的关键点:盒子盒子模型组成部分盒子的组成margin(外边距)border(边框)padding(内边距)content(内容)borderborder-width:边框的宽度border-style:边框的样式 默认值:none(无样式) solid(实线) dashed(虚线) dotted(点线)border-color:边框的颜色简写方式 border:border-width border-style border-color原创 2021-03-27 19:33:54 · 195 阅读 · 0 评论 -
CSS选择器及三大特性(二)
复合选择器为什么要使用复合选择器?能够快速高效的选中目标元素标签复合选择器是由一个或者多个基本选择器 通过不同的组合方式组合而成的后代选择器 父级 子级 {属性1:属性值1;属性2:属性值2; }注意事项后代选择器又被称为包含选择器 可以选中目标元素的子孙后代父元素写在前面 子元素写在后面 中间用空格隔开<!DOCTYPE html><html> <head> <meta charset="utf-8"&g原创 2021-03-27 19:32:22 · 221 阅读 · 0 评论 -
CSS基础知识(一)
为什么出现CSS?HTML满足不了设计者的需求HTML操作属性不方便HTML里面添加样式带来的是臃肿和繁琐CSSCSS:层叠样式表 设置网页外观的样式css的书写方式行内样式表通过style的属性值来设置元素的样式<标签名 style="属性1:属性值1; 属性2:属性值2;">内容</标签名>注意事项style便是元素的属性属性与属性值之间用:相隔多组属性值之间用;相隔没有实现元素样式和结构相分离<!DOCTYPE html&g原创 2021-03-27 19:23:05 · 127 阅读 · 0 评论