`
saybody
  • 浏览: 903735 次
  • 性别: Icon_minigender_2
  • 来自: 西安
文章分类
社区版块
存档分类
最新评论

“阿一web标准学堂”第2课:CSS选择符基础知识(附视频、课件、代码下载)

 
阅读更多
<div style="border-right: teal 1px dotted; font-size: 9pt; border-top: teal 1px dotted; float: right; border-left: teal 1px dotted; color: teal; border-bottom: teal 1px dotted; text-align: center;">
<img alt="" src="http://justinyoung.cnblogs.com/images/cnblogs_com/justinyoung/myPic/ayiCSSlogo.jpg"><br>
阿一web标准学堂</div>
<p>《阿一web标准学堂》是一套面向web标准初学者的视频系列。虽然我也只是一个web标准刚入门的学习者,但是我还是希望能通过这个学堂将自己学习到的东西与大家分享,这样不仅可以让更多的朋友走上web标准设计的道路,更重要的是可以得到很多前辈们的指点和教导,从而更快的取得进步。所以,各位朋友如果在学堂上发现错误之处,欢迎你到<a title="博客园web标准设计小组" href="http://space.cnblogs.com/group/w3c/" target="_blank">【博客园web标准设计小组】</a>交流讨论,从而帮助更多的人取得更快的进步。</p>
<p>因为工作原因,我不能保证其更新频率。但是,我会尽我所能,每1-2周发布一课的更新频率。给你造成诸多不便,请你谅解。</p>
<h4>正文</h4>
<p>大家好,我是阿一,杨正祎。《阿一web标准学堂》第二课终于来了(因为前一段时间工作比较繁忙,所以拖到现在,十分抱歉)。</p>
<p>《阿一web标准学堂》第一课放出来以后,受到了很多朋友的欢迎和喜爱,这里表示衷心的感谢。而且一些热心的朋友也提出了建议和意见,我都有仔细的看哦,所以在第二课的时候做出了一些改变—— </p>
<ul style="margin: 10px 2px 5px 25px;">
<li style="">ppt的主要页面取消了渐变效果。这样,虽然看上去没有以前好看了,但是在录像中会好很多。
    </li>
<li style="">花了大价钱(好几十块大洋哦)买了一个麦克风,这样录音的效果应该会好一些吧 ^_^
    </li>
<li style="">一些demo尽量手打代码 </li>
</ul>
<p>更令人感到高兴的是:园子里的很多牛牛们,看到这种视频方式,都很喜欢,并表示有兴趣采用这种方式试试(如果你也有兴趣的话,请与我联系哦,我可以提供录屏软件和其它相关资源)。如果这样,以后博客园里面的视频教程也会慢慢的多起来吧。哈哈~这样,我们这些小菜们就有福了……</p>
<h4 style="padding-right: 0px; padding-left: 0px; font-size: 105%; padding-bottom: 0px; margin: 0px; color: red; padding-top: 0px;">第2课:CSS选择符基础知识</h4>
<ol style="margin: 5px 2px 5px 25px;">
<li style="">什么是css
    </li>
<li style="">为什么要使用css
    </li>
<li style="">什么是css选择符
    </li>
<li style="">常用css选择符 </li>
</ol>
<p>总的来说,这一课是比较简单的,但是也会讲到一些高级选择符的内容。这一课主要是为《第3课:css选择符高级使用技巧》做准备的。</p>
<h4 style="padding-right: 0px; padding-left: 0px; font-size: 105%; padding-bottom: 0px; margin: 0px; color: red; padding-top: 0px;">本课实例页面、资源、下载</h4>
<h5 style="padding-right: 0px; padding-left: 0px; font-size: 100%; padding-bottom: 0px; margin: 0.2em 0px; color: deeppink; padding-top: 0px;">本课下载</h5>
<div style="border-right: #666666 1px dotted; padding-right: 15px; padding-left: 15px; border-top: #666666 1px dotted; padding-bottom: 15px; border-left: #666666 1px dotted; padding-top: 15px; border-bottom: #666666 1px dotted; background-color: #eeeeee;">为了便于统一管理和维护,请统一到<a title="【博客园web标准设计小组】" href="http://space.cnblogs.com/group/topic/2017/">http://space.cnblogs.com/group/topic/2017/</a>下载,给你带来不便,请谅解。 </div>
<h5 style="padding-right: 0px; padding-left: 0px; font-size: 100%; padding-bottom: 0px; margin: 0.2em 0px; color: deeppink; padding-top: 0px;">相关资源</h5>
<p>为了便于统一管理和维护,请统一到<a title="【博客园web标准设计小组】" href="http://space.cnblogs.com/group/topic/2017/">http://space.cnblogs.com/group/topic/2017/</a>下载,给你带来不便,请谅解。</p>
分享到:
评论

相关推荐

    博客园精华集_Web标准之道.pdf

    博客园精华集_Web标准之道.pdf 是一本专注于Web技术的文集,由博客园中的知名博主们共同编著。这本书不仅包含了丰富的技术内容,还融入了作者们对于Web设计理念和心得的深入探讨。书中所涉及的主题范围广泛,包括Web...

    阿一鲍鱼-阿一鲍鱼1980.docx

    阿一鲍鱼-阿一鲍鱼1980.docx

    水波纹效果 jquery html css

    在这个项目中,我们可以在文档加载完成后,通过选择器找到水波纹元素,并动态添加动画类,触发CSS动画。以下是一个基本的jQuery代码示例: ```javascript $(document).ready(function() { var waterWave = $('#...

    底部导航栏 js html css

    接下来是CSS(层叠样式表),它负责样式设计和布局。为了使底部导航栏具有良好的视觉效果,我们可以设置背景颜色、边框、圆角、字体样式等。同时,使用Flexbox或Grid布局可以轻松实现响应式设计,确保导航栏在不同...

    专题课件完美版(2021-2022年)南昌赣江新天地项目品牌推广策略案76PPT九天机构.ppt

    第二阶段是行动阶段,通过优质的消费体验和口碑传播,促进消费者的重复消费;最后是忠诚阶段,让消费者形成对品牌的推崇和消费习惯。 为了塑造品牌忠诚度,赣江新天地需要深入了解消费者需求,满足不同消费群体的...

    谓词归结逻辑第三版,彻底修改错误,此处特别鸣谢阿一同学的监工与验收

    人工智能实验

    中餐菜谱.doc

    - **红烧阿一鲍鱼**:阿一鲍鱼是高级海鲜,红烧做法让鲍鱼的鲜美与调料充分融合,是一道昂贵的奢华佳肴。 - **海参扣鹅掌**:海参和鹅掌的组合,营养丰富,口感滑嫩,是宴会常见菜品。 3. **面点**: - **野菜...

    最新-英语国际音标表(48个)word版-绝对准确!-最新音标表.doc

    这些音标是学习标准英语发音的基础,掌握它们可以帮助你更准确地发音,提升口语表达能力。通过反复练习和听力训练,可以逐渐熟悉并掌握这些音标的发音方法。在学习过程中,可以结合单词和句子进行实践,以便更好地...

    最全全新英语国际音标表附中文读音.doc

    - `/aɪ/` 阿一,由[a]和[i]组成,口型由开到合。 - `/eɪ/` 艾一,由[e]和[i]组成,口型同样由开到合。 - `/ɔɪ/` 奥一,由[כ]和[i]组成,口型由圆到扁。 - `/aʊ/` 袄,由[a]和[u]组成,口型由大到小。 - `...

    C库函数qsort七种使用方法示例

    qsort 函数也可以对结构体数组进行二级排序,下面是一个简单的示例代码: ```c struct In { int x; int y; }s[100]; int cmp( const void *a , const void *b ) { struct In *c = (In *)a; struct In *d = (In ...

    SourceInsight_3.5.0029

    2. **代码导航**:通过点击或右键菜单,用户可以轻松地跳转到函数定义、变量声明、包含的头文件等,大大节省了在大型项目中查找代码的时间。 3. **实时分析**:SourceInsight具备强大的静态分析能力,可以在编写...

    办公用品价格与清单.doc

    1. 签字笔:如晨光阿一中性笔,GP150必胜中性笔等,它们通常以0.5mm或0.7mm的笔尖尺寸提供,盖帽式设计便于携带,部分款式如GP1530具有超大容量,经济实惠。 2. 宝珠笔:英雄257宝珠笔是中国制笔品牌的代表,适合...

    Spring详解

    - 代码整洁:通过将横切关注点从业务方法中分离,可以避免业务代码变得过于臃肿,保持代码的清晰和专注。 - 可维护性:当有新的横切关注点需要添加或现有关注点需要更改时,只需要在切面中修改,而不需要遍历所有...

    南昌赣江新天地项目品牌推广策略案.pdf

    此外,香港怡和假日酒店的四星标准配套服务为项目增添了额外价值,有望吸引外地游客前来消费。 赣江新天地的成功之处在于吸引了诸如阿一鲍鱼和芭蕉叶餐厅等知名品牌的入驻,这些商家的良好口碑和人气为项目聚集了...

    南昌赣江新天地项目品牌推广策略案_76PPT_九天机构.pptx

    第二阶段是行动阶段,通过消费者的实际体验,建立良好的口碑,促进重复消费;第三阶段是忠诚阶段,消费者不仅会重复消费,还会形成对品牌的推崇和消费习惯。 要形成品牌忠诚度,关键在于理解消费者需求并提供优质...

    Oracle 11R2 官方文档(中英对照版,PDF)

    Oracle 11gR2是Oracle数据库的一个重要版本,提供了许多高级特性和功能。这份官方文档的中英对照版详细阐述了Oracle数据库的核心概念和技术,包括其体系结构、索引、数据完整性和并发控制等关键方面。以下是对这些...

    crm客户管理系统,介绍一个crm客户管理系统

    2. **客户联系人管理**:添加和维护客户联系人的联系方式,可以指定默认联系人,并控制其启用状态,确保有效沟通。 3. **客户关怀**:在特定的节日或事件中,如生日或节假日,向客户提供关怀服务,如发送祝福信息,...

    GreenPlum安装包

    GrennPlum-4.3版本数据库安装包,亲测可用~

Global site tag (gtag.js) - Google Analytics