我的web前端学习之路-CSS-选择器

选择器指定了要作用的标签

直接指定一个准确元素名，对其产生作用

指定标签元素class属性的值，可选指定特定的标签元素，不要忘记“点”！  （注意！！）class属性的值可以用空格隔开表示多个classvalues，如<p class="one two"></p>表示该p标签的class值有one和two，所以应用的css也是两个的

与class选择器相似，都是通过标签的属性，只不过id属性不支持空格分隔多个属性值

都好隔开，可加前边多种选择器

相当于标签嵌套，使用空格隔开    （注意！！）s1标签中的s2标签应用此样式，此外，不管其中的s2标签内又嵌套了多少个s2标签，都应用此样式

时间： 2024-12-11 14:56:30

我的web前端学习之路-CSS-选择器的相关文章

jQuery延迟加载(懒加载)插件 – jquery.lazyload.js-Web前端(W3Cways.com) - Web前端学习之路

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担. Demo页面: 基本选项 淡入效果 对不支持JavaScript浏览器的降级处理 水平滚动 容器内水平滚动 容器内垂直滚动

前端学习之路-CSS介绍，Html介绍，JavaScript介绍

CSS介绍 学前端必备掌握CSS样式,css为层叠样式表,用来定义页面的显示效果,加强用户的体验乐趣,那么如何用css到html中呢? style属性方式 利用标签中的style属性来改变显示样式 <p style="background-color: #FFF000"> p标签 </p> 在head中加入style标签 <head> <style type="text/css"> p { color: #FFF000

好程序员web前端学习路线分享css模块化方案

好程序员web前端学习路线分享css模块化方案,这篇文章主要介绍了css模块化方案,css的模块化方案可能和js的一样多,下面简单介绍几种主要的模块方案,非常具有实用价值,需要的小伙伴可以参考下. css的模块化方案可能和js的一样多,下面简单介绍几种主要的模块方案.oocss面对对象的规则,主要的原则是两种:分离结构和外观,分离容器和内容.名词解释1.分离结构和外观:增加可重复的设计单元,同时去推进产品和ui对这方面的思考,比如下面的css使用时对象模式的命名和模块化规则.2.分离容器和内容:

web前端学习之路

test 随着自己对于web前端知识了解的越多,越来越发现自己真的好菜 一脸茫然阶段 两年前大学接触网页设计,那时对于网页设计一窍不通,只是看了一本自己大学编的一本入门教材,我甚至不知道那些网页设计的代码是干什么用的,大学的老师自己讲的很投入,然而我并不懂.最后考试他就划了重点.我们只要记一些简单的html代码,那时的我还不知道什么是盒子模型,不知道什么是css,怎么外部引用css和javascript,只是对一些标签眼熟 初识网页设计 去年的暑假,那时无意中看到了一个视频,视频是教你怎么在十分

【前端学习】【CSS选择器】

CSS选择器 CSS选择器 CSS(Cascading Style Sheets)是一项出色的技术,它使得网页的结构和表现样式完全分离.利用CSS选择器能轻松地对某个元素添加样式而不改动HTML(HyperText Markup Language)结构. 要使某个样式应用于特定的HTML元素,首先需要找到该元素.在CSS中,执行这一任务的表现规则称为CSS选择器1. CSS选择器 1 基本选择器 2 层次选择器 3 伪类选择器 3.1 动态伪类选择器 3.2 目标伪类选择器 3.3 语言伪类选择

我的web前端学习之路-CSS-字体和文本

1 <head> 2 <meta charset="utf-8"> 3 <title>css字体和文本</title> 4 <style type="text/css"> 5 .one{font-size: 20px;font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Ver

我的web前端学习之路-CSS-列表和表格

list-style-image和list-style-type只能选择一个使用 border-collapse和border-spacing不能同时使用 1 <head> 2 <meta charset="utf-8"> 3 <title>css列表和表格</title> 4 <style type="text/css"> 5 #info{ 6 font-family: Cambria, "Ho

我的web前端学习之路-HTML-form

1 <form name="register" method="post" action="servlet等可处理请求的东西"> 2 单行文本框<input type="text" name="username" id="username"/><br/> 3 <label for="password">密码框</l

我的web前端学习之路-CSS-引入

多用连接导入方式 优先级:内联>内嵌>@import方式>link方式(常用)