css学习笔记
有关css学习的内容,笔记。
東三城
寻找光 追随光 成为光 发散光
展开
-
前端与移动开发-----CSS(HTML5+CSS3新增)
HTML5+CSS3 提高HTML5HTML5 提高-新增语义化标签问题 1:HTML 5 新特性有兼容性问题吗?IE 多少版本以上的浏览器才能支持?HTML5 的新特性都有兼容性问题,基本是 IE9+ 以上版本的浏览器才支持; 如果不考虑兼容性问题,可以大量使用这些新特性。问题 2:HTML5 新增的语义化标签有什么好处?有利于搜索引擎搜索和网站的 SEO (Search Engine Optimization,搜索引擎优化)问题 3:视频中介绍了哪些 HTML 5 的语义标签?分别可以用在原创 2020-10-24 00:16:20 · 945 阅读 · 1 评论 -
前端与移动开发-----CSS(精灵图+字体图标+CSS 三角+溢出的文字省略号显示)
CSS1. 精灵图(重点)使用精灵图(目的):为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度,出现了 CSS 精灵技术(也称 CSS Sprites、CSS 雪碧)。核心原理:将网页中的一些小背景图像整合到一张大图中 ,这样服务器只需要一次请求就可以了。精灵图(sprites)的使用使用精灵图核心:精灵技术主要针对于背景图片使用。就是把多个小背景图片整合到一张大图片中。这个大图片也称为 sprites 精灵图 或者 雪碧图移动背景图片位置, 此时可以使用 backgr原创 2020-10-22 23:32:55 · 724 阅读 · 0 评论 -
前端与移动开发-----CSS(定位+元素的显示与隐藏)
定位(position) 介绍定位组成定位:将盒子定在某一个位置,所以定位也是在摆放盒子, 按照定位的方式移动盒子定位也是用来布局的,它有两部分组成:定位 = 定位模式 + 边偏移 定位模式 用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。边偏移(方位名词)边偏移 就是定位的盒子移动到最终位置。有 top、bottom、left 和 right 4 个属性。定位模式 (position)在 CSS 中,通过 position 属性定义元素的定位模式,语法如下:选原创 2020-10-21 22:13:36 · 350 阅读 · 2 评论 -
前端与移动开发-----css综合案例:学成在线
css综合案例:学成在线原创 2020-10-19 22:23:01 · 557 阅读 · 2 评论 -
前端与移动开发-----CSS(边框和阴影+浮动基础+常见的网页布局)
CSS边框和阴影圆角边框原理圆角边框的效果:在边框的四周有一个圆形转角,让盒子视觉效果更好 。圆角边框的属性:border-radius圆角边框的使用做圆形:1.border-radius: 50%。2.正方形盒子是圆形 / 长方形盒子是椭圆 。做圆角矩形:1.border-radius: 高度的一半;。2.长方形盒子(宽 > 高)。设置不同的圆角:1.border-radius: 10px 20px 30px 40px; 左上 → 右上 → 右下 → 左下(顺时针)bor原创 2020-10-18 22:41:43 · 283 阅读 · 0 评论 -
前端与移动开发-----CSS(三大特性+盒子模型原理)
CSS三大特性(层叠性、继承性、优先级 )CSS 三大特性之层叠性在开发中出现样式层叠时候:对一个元素多次设置同一个样式,会使用最后一次设置的属性值 。样式层叠的原则:样式冲突,就近原则,后定义,后生效;样式不冲突,无论定义先后,始终有效。CSS 三大特性之继承性CSS 的继承性的好处:可以从一定程度上简化代码 。子元素通常能够继承哪些样式:子元素会继承父元素的某些样式,如文本颜色、字体属性等。用 Chrome 的调试工具可以查询哪些属性是继承的:*行高的继承行高不跟单位表示文字大小的原创 2020-10-17 15:44:17 · 222 阅读 · 0 评论 -
前端与移动开发-----CSS(emmet 语法+CSS 复合选择器+元素的显示模式)
cssemmet 语法 —— 开发效率emmet 的特点和作用:通过简写提高编码效率。emmet 生成 HTML 结构语法:emmet 语法快速生成 css 样式:1,常用属性大多用英文单词的首字母连写即可,示例如下:tac → text-align: center;ti2em → text-indent: 2em;lh26px → line-height: 26px;tdn → text-decoration: none;2,设置宽高:w100 → width: 100px;h2原创 2020-10-15 22:43:09 · 293 阅读 · 0 评论 -
前端与移动开发-----CSS(语法规范+基础选择器+文本属性)
CSS层叠样式表css简介CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称.有时我们也会称之为 CSS 样式表或级联样式表。CSS 是也是一种标记语言CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。CSS 让我们的网页更加丰富多彩,布局更加灵活自如。简单理解:CSS 可以美化 HTML , 让 HTML 更漂亮, 让页面布局更简单。CSS 最大价值: 由 HTML 专原创 2020-10-14 22:44:53 · 397 阅读 · 0 评论