CSS总结 Day1 ＜CSS三种引入方式、CSS选择器＞

最新推荐文章于 2024-03-06 18:05:49 发布
最新推荐文章于 2024-03-06 18:05:49 发布
阅读量167 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dewei__boy/article/details/110914615
版权

CSS
//1.CSS简介
CSS是cascading Style Sheet的缩写
CSS全称为"级联样式表"，通常又称为“风格样式表"用于网页风格设计

//2.CSS的三种引入方式在这里插入图片描述
优先级：行内式>内嵌式>外链式
在这里插入图片描述
//3.CSS选择器
3.1基本选择器
在这里插入图片描述
3.2复杂选择器
在这里插入图片描述
伪元素选择器

为第一个字符添加样式：first-letter
为第一行添加样式：first-line在这里插入图片描述

在最前面添加内容：before
在最后面添加内容：after在这里插入图片描述

dewei__boy
关注
简述css属性选择器的几种定义方式_CSS属性选择器的四种格式
weixin_39557419的博客
12-20 3859
属性选择器(Attribute Selectors)，或许你不应该对属性选择器感到生疏，从本质上说，id跟类选择器其实就是属性选择器，只不过是选择了id或者类的值(value)而已。属性选择器的格式是元素后跟中括号，中括号内带属性，或者属性表达式(不知道描述是否正确，自创的词)，比如h1[title], h1[title="Logo"]等，你可以从我下面的论述中看到4种具体形式。注意 属性选择器 ...
css 布局和选择器
菜鸟心声：学的不仅是技术，更是梦想！
01-17 956
css布局和选择器学习目标CSS Float(浮动)案例01案例02清除浮动案例03总结CSS position (定位)static 静态定位（默认）fixed 固定定位案例04relative 相对定位absolute 绝对定位案例05重叠的元素CSS复杂选择器子元素（后代）选取器案例07直接子元素选择器案例08相邻兄弟选择器案例09后续兄弟选择器案例10伪类(元素)选择器案例11：自定义单选框案例12：提示框文字案例13：自定义列表属性选择器实例14：输入元素总结： 学习目标 了解定位的概念 掌握如
前端基础 CSS 第十一章 使用CSS样式表 ----暑假学习第七、八天
树叶子的博客
07-11 706
第十一章 使用CSS样式表 通过CSS样式定义,可以将网页制作得更加绚丽多彩。采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确地控制。用CSS不仅可以做出令浏览者赏心悦目的网页，还能给网页添加许多特效。 11.1 认识CSS         CSS(Cascading Style Sheet,层叠样式表) 是一种制作网页的新技术，现在已经为大多数浏览器所支持，成...
css（一）：css的四种引入方式
白骨梦儿
06-13 8600
一、css概述 CSS是Cascding Style Sheets 的简称，中文成为层叠样式表，用来控制网页数据的表现，可以使网页的表现与数据内容分离； 二、css的四种引入方式 css都是以style="键：值；键：值;……"这样引入的，但是方式有四种，主要推荐并常用的是链接式； 另：除了行内式，其它三种方式（嵌入式、链接式、导入式）都是在<head> </head&g...
什么是级联样式表（CSS），介绍级联样式表（CSS）。
dog_eggs的博客
09-13 8029
一 介绍级联样式表（CSS）是用于描述以标记语言编写的文档的呈现的样式表语言。[1]尽管通常用于设置以HTML和XHTML编写的网页和用户界面的视觉风格，但该语言可以应用于任何XML文档，包括纯XML，SVG和XUL，并且适用于语音呈现，或在其他媒体上。以及HTML和JavaScriptCSS是大多数网站使用的基石技术，用于创建视觉吸引力的网页，用于Web应用程序的用户界面，以及许多移动应用程序的用
CSS day1 |选择器&字体&文本&引入方式
csyldjy的博客
03-15 460
1 css简介 1.1 html局限性 HTML只关注内容语义（丑、臃肿繁琐）→骨架 1.2 CSS-网页的美容师 css是层叠样式表（cascading style sheets）的简称。 有时称之为CSS样式表或级联样式表。 css也是一种标记语言。 css主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式（美化）。 总结 1、HTML主要做结构，显示元素内容 2、css美化HTML，布局页面 3、css
CSS1day（基础选择器、字体、文本属性、样式表方式）
shrimper
05-22 544
文章目录CSS选择器基础选择器 CSS选择器 基础选择器和复合选择器两个大类： 基础选择器由单个选择器组成的 包括：标签、类、id和通配符选择器 基础选择器 标签选择器： 为页面中某一类标签指定统一的CSS样式。 例如将<div>和<p>的所有标签选择出来进行设置样式。 显然这类标签的缺点是不能进行差异化样式。 例如： p { font-size: large; color: deeppink; } 类选择器： 差异化选择不同标签进行设置CSS样式。 需要在标签中定义cla
web前端实习Day3--css选择器
LXSJZBD的博客
03-06 990
因为h系列标签的默认字体大小的单位是em,是按照父元素字体大小来确定的。所以想要改变a标签的文字颜色需要选择器直接选择到a标签。因为a标签的字体颜色是由多个伪类选择器共同生成的，①h系列标签不要继承字体大小, 否则会变得比继承的字体要大。关于文本设置的属性会被继承，如：color，font，其他不会。单独定义.css文件，在css文件里面直接写css代码（无需style标签）标签的样式由选择器的样式叠加而来，共同生效。②a标签不会继承字体颜色。定义style标签 在style标签内定义css代码。
week9 day2 CSS介绍、CSS选择器
weixin_53587094的博客
03-03 669
week9 day2 CSS介绍、CSS选择器、CSS属性设置一、CSS介绍1.1 什么是CSS1.2 为何要用CSS1.3 如何使用CSS1.3.1 CSS语法1.3.2 CSS四种引入方式1.3.3 注释二、CSS选择器2.1 基本选择器2.1.1 id选择器2.1.2 类选择器2.1.3 标签选择器2.1.4 通配符选择器2.2 组合选择器2.2.1 后代选择器2.2.2 子元素选择器2.2.3 毗邻选择器，CSS2推出（又称相邻兄弟选择器）2.2.4 弟弟选择器，CSS3推出（又称通用兄弟选择器）2
练习前端-CSS引入、基础选择器-day04
08-31
本练习主要关注如何引入CSS以及基础选择器的使用，这些都是构建动态、美观网站的基础。我们将会探讨以下知识点： 1. **CSS引入方式**： - **内联样式**：通过在HTML元素的`style`属性中直接编写CSS代码，如`<div ...
day03（CSS01-基础选择器+字体文本样式）.rar
12-01
本压缩包“day03（CSS01-基础选择器+字体文本样式）.rar”显然是一个关于CSS学习资源的集合，主要涵盖了基础选择器和字体文本样式的概念与应用。下面我们将深入探讨这两个关键知识点。 **一、基础选择器** 1. **...
练习前端-CSS权重计算、复杂选择器、基础属性-day05
08-31
同时，通配符选择器（`*`）、子选择器（`>`）、相邻兄弟选择器（`+`）和一般同胞选择器（`~`）等没有特定权重，但它们后面连接的选择器会影响整体权重。 接下来，我们来看看复杂选择器。复杂选择器是通过组合基础...
day04（CSS02-选择器进阶+背景相关属性+元素显示模式+三大特性）.rar
12-01
在"day04（CSS02-选择器进阶+背景相关属性+元素显示模式+三大特性）"这个课程中，我们将深入探讨CSS选择器的高级用法，以及元素的背景设置、显示模式和CSS的三大特性。 首先，让我们来看看选择器进阶。基础的选择器...
ylsislove#make-a-little-progress-every-day#前端-CSS选择器优先级1
07-25
声明在样式表或文档中越靠后出现，权重越大。如果样式表中有通过 @import 导入的样式表，一般认为出现在导入样式表中的声明在前，主样式表的所有声明在后。
向前维泰比算法Matlab代码.rar
10-09
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
#-ssm-033-mysql-校园二手交易系统-.zip
最新发布
10-09
现如今,校园二手交易系统是商业贸易中的一条非常重要的道路，可以把其从传统的实体模式中解放中来，网上购物可以为消费者提供巨大的便利。通过校园二手交易系统这个平台，可以使用户足不出户就可以了解现今的流行趋势和丰富的商品信息，为用户提供了极大的方便，校园二手交易系统的主要功能包含：商品类别管理、商品的信息管理、订单管理、用户的管理等。网站分为管理员、会员用户这二种用户平台。校园二手交易系统主要使用目前JSP中最流行的SSM框架和Eclipse编辑器、MYSQL数据库设计并实现的。实现了一个校园二手交易系统网站。能够让广大消费者体验到网上平台订餐的乐趣，为网上购物提供了一个管理高效的、决策科学化、安全有效的电子商务平台。 关键词：校园二手交易系统，SSM，Eclipse，商业贸易
MATLAB软件的汽车框定系统【GUI界面版本】.zip
10-09
数据库课程设计
用于开发和测试大脑情感唤醒特征（BAAS）的代码.rar
10-09
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
CSS基础：样式表分类与选择器详解
“YK-Day04笔记.pdf”涵盖了CSS基础知识，包括CSS的定义、分类（内联样式、内部样式和外部样式）以及常用选择器的介绍。 CSS（层叠样式表）是用于美化和控制HTML网页外观的重要工具。它允许开发者通过定义不同的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值