web前端学习之CSS基础篇

最新推荐文章于 2024-08-15 15:11:28 发布
最新推荐文章于 2024-08-15 15:11:28 发布
阅读量183 收藏 4
点赞数 2
分类专栏： web前端学习 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43646665/article/details/106160207
版权

web前端学习之CSS基础篇

前话

  1. 主流浏览器内核
    主流浏览器内核
  2. 注释
    注释
  3. 域名：www.baidu.com
    域名
  4. 专业术语
    专业术语

一、基础

基础

二、CSS属性

1.font的使用

1.1 font-size

font-size

1.2 font-weight

font-weight

1.3 font-style

font-style

1.4 font-family

font-family

2.CSS对应于HTML的位置

2.1 选择器

2.1.1 id选择器

id选择器

2.1.2 class选择器

class选择器

2.1.3 标签选择器

标签选择器

2.1.4 通配符选择器

通配符选择器

2.1.5 属性选择器

属性选择器

2.1.6 父子选择器/派生选择器

父子选择器/派生选择器

2.1.7 直接子元素选择器

直接子元素选择器

2.1.8 并列选择器

并列选择器

2.1.9 分组选择器

分组选择器

2.2 CSS权重

CSS权重

3.设置字体颜色

3.1 土鳖式

土鳖式

3.2 颜色代码

颜色代码

3.3 颜色函数

颜色代码

4.border：1px solid black

border代码

5.修饰文本

修饰文本

6.元素display

元素display

7.盒子模型

盒子模型

白默若
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【前端基础篇】HTML5 + CSS3 入门知识
前端知识分享喵
06-09 1937
，HTML5和CSS3核心知识
前端之路（CSS基础篇）
Halin's CSDN
01-18 260
CSS的概念及其作用 css全称为（Cascading Style Sheets）翻译过来就是层叠样式表 作用：主要作用就是设置网页的文字（大小，颜色，字体，对齐等等）图片和板式布局等等 说的简单点了就是给页面化妆的 基本语法： 选择器 { 属性1: 值1; 属性2: 值2; 属性3: 值3; } 注意：符号必须是英文状态下的 字体属性 设置字体的大小 ...
Web前端入门 HTML+CSS基础
Web_chicken的博客
09-17 6355
HTML+CSS基础知识总结 1.web标准 结构上来说html页面分为head和body两部分 head里面包含meta标签（UTF8字符集）、title(网页标题)、link(外部样式表引入) body里面是各种常用的标签。 web页面标准分为结构（html）+样式（css）+行为（js） 2.HTML基本标签 2.1基本标签 <html> &
Web前端学习笔记（1）
maxiaoxiaohaohao的博客
10-19 3676
Web前端学习笔记（1）
web前端-前端三剑客之CSS（1）
苏凉.py的博客
05-22 1751
🐚作者简介：苏凉（专注于网络爬虫，数据分析） 🐳博客主页：苏凉.py的博客 🌐系列专栏：web前端基础教程 👑名言警句：海阔凭鱼跃，天高任鸟飞。 📰要是觉得博主文章写的不错的话，还望大家三连支持一下呀！！！ 👉关注✨点赞👍收藏📂 文章目录写在前面什么是csscss语法css选择器css-元素选择器css-id选择器(#)css-类选择器(.)css-通用选择器(*)css-分组选择器css-组合器选择器后代选择器（空格）子选择器（>）相邻兄弟选择器（+）通用兄弟选择器（~）css-伪类选择器cs..
2023年总结的web前端学习路线分享（学习导读）
ztK63LrD的博客
03-06 2万+
以上是博主自学一年前端总结的一些经验，虽然不是特别的准确但是至少能够给刚入学的前端小白一个借鉴的分享，我也会把一些人可能问到的问题总结如下，给大家分享一下我的经历：前端难不难？前端相较于后端语言来说还是比较简单的，不用考虑太多的算法方面知识，如果你的编程能力不是特别的优秀又想从事编程行业，前端可以说是一个不错的选择。前端好就业吗？近几年由于培训机构输出大量的程序员，导致现在前端有一点饱和，人数的众多导致企业对人才的要求也提高了，如果你想从事前端，建议早最准备学习多项技术才能让自己不被淘汰下去。
Web前端学习书籍推荐
web前端新手学习之家
11-20 2322
今天小编要跟大家分享的文章是关于Web前端工程师应该读的前端书籍推荐。正在从事web前端工作的小伙伴们都知道，想要从事前端行业，要学习的内容太多了，当你不知道从哪里开始的时候，你就先从看书开始，边看书边码代码，这个是学习编程必须的过程，因为你看一百遍，还不如自己写一遍，写一遍，第一可以加印象，第二便于更好的理解。今天小编就为大家推荐几本适合web前端工程师学习前端技术的书籍，希望能够对小伙伴们有所...
2023版完整版web前端学习路线图（超详细自学路线）
热门推荐
千锋教育
09-09 4万+
跟着路线图认真坚持学习从前端小白到大神不是梦，0基础看这一篇足矣！前端计算机常识 ➾ html+css基础 ➾ html+css 项目实践JavaScript基础+进阶 ➾ Ajxa ➾ JavaScript应用项目实践 ➾ Node.js ➾ MongoDB项目实践Vue&React开发：Vue2.0+3.0 ➾ Vue项目实践 ➾ 数据可视化项目 ➾ React ➾ React项目实战 ➾ UmiJS项目公众号&小程序开发。
WEB前端大神之路之基础篇
weixin_39037804的博客
11-01 611
CSS篇： 　　1.CSS权重： 　　　　不重复造轮子啦，直接传送门（CSS选择器的权重与优先规则） JavaScript篇： 　　1.this关键字： 　　　　它是一种引用（referent）。指向...
web前端篇:css练习题
ITmiaomiao666的博客
06-12 4170
1.div和span标签在网页中的作用？ div将网站分割成独立的逻辑区域division分割 span:小区域标签，在不影响文本正常显示的情况下，单独设置对应的样式。 <style> span.active{ font-weight:bold; } </style> <p> <span>内容</span>...
python 零基础学习篇web前端开发基础css基础1 css的介绍 .mp4
04-21
python 零基础学习篇
python 零基础学习篇web前端开发基础css基础10 盒子模型 .mp4
04-21
python 零基础学习篇
python 零基础学习篇web前端开发基础css基础4 标签 类 层级选择器 .mp4
04-21
python 零基础学习篇
python 零基础学习篇web前端开发基础css基础2 css样式表三种使用方式 .mp4
04-21
python 零基础学习篇
python 零基础学习篇web前端开发基础css基础3 第七天知识点回顾 .mp4
04-21
python 零基础学习篇
前端案例：极速问诊项目（移动端自适应）（HTML+CSS+JS）
li3123537691的博客
08-13 293
一个简单的移动端案例，模拟不同设备下逻辑分辨率不同，宽高自适应正常打开整体布局打开 f12 （ctrl + shift + M）或者点击左上角图标,将其模拟为移动端设备在移动设备iPhone6/7/8，逻辑分辨率375的整体布局其banner图尺寸现在切换设备为iPad，逻辑分辨率为768，此设备下banner图尺寸自适应再切换设备为iPhone 14 Pro Max，逻辑分辨率为430，此设备下banner图尺寸自适应。
CSS的重绘和重排是什么？
沐爸的博客
08-12 998
CSS的重绘和重排是什么？它俩有什么区别？如何对重绘和重排进行优化？快来一起看看吧！
一闪一闪图片 css动画
有问题可关注公众号：前端研究院 后台输入问题回复
08-14 238
这段代码会使得图片不断地闪烁，闪烁的频率由。决定，即每秒闪烁一次。中的百分比来改变闪烁的强度和速度。
PHP 实战：动态更改 CSS 值
最新发布
withkai44的博客
08-15 73
在上面的代码中，我们首先设定了一个变量 $userFontSize 来模拟获取用户设置的字体大小，然后通过 echo 函数将 CSS 样式输出到页面中。除了直接在服务器端输出或生成 CSS 文件外，还可以结合 JavaScript 来动态更改样式。这种方式更为灵活，可以根据用户的行为实时更改样式。如果需要更改的样式较多，我们也可以选择生成一个新的 CSS 文件。直接输出 CSS 样式。生成新的 CSS 文件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值