随笔分类 -  CSS学习

基础篇
CSS基础操作（八）-定位方式实战、学子商城练习
摘要：6.6 定位方式实战（一） 测试代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>学子商城测试三</title> <style type="text/css"> /*设置整个页面默认属性*/ body { font: 12 阅读全文
posted @ 2021-07-17 17:44 Coder_Cui 阅读(136) 评论(0) 推荐(0)
CSS基础操作（七）-CSS三大特性（继承性、层叠性、优先级）、元素定位方式（static、relative、absolute、fixed、float）
摘要：5 CSS三大特性 5.1 继承性 元素可以继承上级元素的文本相关样式，元素自带效果不受继承影响，比如：超链接a标签的字体颜色、h1-h6字体大小，除非单独对此标签进行设置。 5.2 层叠性 多个选择器有可能选择到同一个元素，如果作用的样式不同，则全部层叠生效；如果作用的样式相同，则由优先级决定。 阅读全文
posted @ 2021-07-17 08:33 Coder_Cui 阅读(353) 评论(0) 推荐(0)
CSS基础操作（六）-文本修饰和字体设置、学子商城测试案例练习
摘要：4.5 文本修饰和字体设置 文本水平对齐方式：text-align：left（靠左）/right（靠右）/center（居中） 文本修饰：text-decoration：overline（上划线，不常用））/underline（下划线，常用）/line-through（删除线）/none（无划线修饰 阅读全文
posted @ 2021-07-13 15:27 Coder_Cui 阅读(260) 评论(0) 推荐(0)
CSS基础操作（五）-盒子模型（设置元素宽高、内边距、边框、外边距）
摘要：4.4 盒子模型 4.4.1 什么是盒子模型？ 盒子模型是所有HTML元素都有的一个模型特征，它规定了所有HTML元素都拥有的层级结构，以便修饰和定位HTML元素或相关的内容。 盒子模型定义如下几个内容： 元素宽高：width、height 内边距：padding 边框：border 外边距：mar 阅读全文
posted @ 2021-07-10 23:54 Coder_Cui 阅读(1174) 评论(0) 推荐(0)
CSS基础操作（四）-CSS控制元素显示方式display：block、inline、line-block、none
摘要：4.3 CSS控制元素显示方式display 元素的显示方式通常是指：1、是否独占一行；2、是否以块状占位；3、是否可见等，可以通过设置display属性来实现。 常见的元素显示方式如下： block：块级元素的默认值 特点：独占一行，可以修改宽高 包括：h1-h6、p、div inline：行内元 阅读全文
posted @ 2021-07-08 17:07 Coder_Cui 阅读(873) 评论(0) 推荐(0)
CSS基础操作（三）-控制元素背景：颜色赋值、设置背景样式（背景图片大小、位置、重复方式、背景颜色）
摘要：4.控制元素背景 4.1 颜色的赋值 三原色：RGB，Red：红 Green：绿 Blue：蓝 任何颜色都是由三原色组合而来，每个颜色的取值都是0~255 颜色赋值：red / green / blue / a 8位2进制：0000 0000 ~1111 1111 6位16进制赋值：#000000~ 阅读全文
posted @ 2021-07-07 16:28 Coder_Cui 阅读(1263) 评论(0) 推荐(0)
CSS基础操作（二）-CSS组合器（分组、属性、子孙后代、子元素、伪类、任意元素选择器）
摘要：3.CSS组合选择器 3.1 分组选择器 格式：标签名，#id标签，.类标签，....{}，举例：div，#id，.class{} 作用：将多个选择器合并成一个选择器 代码测试： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> 阅读全文
posted @ 2021-07-05 23:09 Coder_Cui 阅读(998) 评论(0) 推荐(0)
CSS基础操作（一）-添加CSS代码的三种方式（内联、内部、外部）、CSS标签选择器（标签、类、id）
摘要：CSS：Cascading Style Sheet的缩写，意思是层叠样式表 作用：美化页面，可设置页面上各种元素的样式，包括颜色、大小、位置等等，使页面变得更好看。 1.添加CSS代码的三种方式：内联、内部、外部 内联：在标签的style属性中添加样式代码（使用较少） 弊端：不能复用 内部：在hea 阅读全文
posted @ 2021-07-03 16:04 Coder_Cui 阅读(553) 评论(0) 推荐(0)