css选择器

HTML与CSS学习基础总结

由 只谈情不闲聊 提交于 2020-01-14 01:55:13
HTML与CSS学习基础总结 先了解学习的知识点有哪些： HTML HTML指的是超文本标记语言（Hyper Text Markip Language），它不是一种编程语言而是一种标记语言，通过使用标签来描述网页。 CSS CSS （Cascading Style Sheets）是层叠样式表用来定义网页的显示效果。 可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。 简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。 JS JS 全称（javascript）中文是java脚本的意思 。 它的由来（在互联网刚兴起的时候，网络速度比较慢，而体验又是放在服务器端的，所以用户体验度非常差，为了了解这一难题，网景公司发明了livescript liverscript主要把表单验证功能从后台提升到了前端，因为不依赖网络，所以用户体验比较好。 但是由于知名度比较差，知道的人很少，后来由于sum公司的java语言一飞冲天，爆红编程世界，为了跟风，博取知名度，网景公司把livescript 改成javascript. 后来微软眼红网景公司的成就，就发明了jscript。但是正因为此，导致了js的标准不同，所以给个大浏览器厂家带来了很大的麻烦。 为了有一个统一的标准，js被提交到一个ecma组织，也正因为此，后来的js都是采用ecma标准

css笔记之css总结

由 落爺英雄遲暮 提交于 2020-01-13 18:52:24
css总结 文字属性 color可以定义字体颜色 font-size: 字体大小 font-weight:字体粗细 normal: 默认值，标准粗细 bold: 粗体 bolder: 更粗 lighter: 更细 100~900: 设置具体粗细，400等同于normal，而700等同于bold inherit: 继承父元素字体的粗细值 font-style: 字体风格 normal： 默认值，浏览器会显示标准的字体样式 italic： 浏览器会显示斜体的字体样式 oblique：浏览器会显示倾斜的字体样式 font-family: 字体 综合: {font:font-style font-weight font-size/line-height font-family;} 其他属性可以省略，必须保留font-size和font-family属性 外观属性 line-height:行间距 行间距=weight,可以设置水平居中 text-align:水平对齐方式 left 左对齐，默认值 right 右对齐 center 居中对齐 justify 两端对齐 text-decoration:文字装饰 none 默认。定义标准的文本 underline 定义文本下的一条线 overline 定义文本上的一条线 line-through 定义穿过文本下的一条线 inherit

我的寒假学习计划

由 筅森魡賤 提交于 2020-01-12 21:59:11
这是我第一次写博客，现如今我得了病，时间也就愈发多了。遂决定开始我的写博客计划，以此来使黑暗中的人喝到一剂打发时光的良药。 大体学完HTML后，接下来就要学习css，css对于我自己来讲就是对HTML进一步的处理。 css样式分为外链样式---简单地说就是再创建一个css文件。创建好了以后呢，再在<head></head>里面加入一个link--按tab--使用默认的就可以了，再在后面的href里加入css文件名就可以了。 第二个是页内样式 第三个是行内样式 其后又学了四种基础选择器，两种复合选择器，伪类选择器 来源： https://www.cnblogs.com/wyy121/p/12184521.html

JavaWeb_HTML&CSS

由 醉酒当歌 提交于 2020-01-12 17:39:42
1.DIV相关技术 Div是一个HTML标签，一个块级元素(单独显示一行)。它单独使用没有任何意义，必须和CSS结合起来使用，主要用于页面的布局。 Span同样也是一个HTML标签，它是一个内联元素(显示一行)。它单独使用也没有任何的意义，必须和CSS结合使用，它主要用于对括起来的内容进行修饰作用。 2.什么是CSS？ CSS指的是层叠样式表 样式定义如何去显示HTML元素 样式通常储存在样式表中 多个样式可以层叠为一 3.HTML和CSS的关系 HTML：整个网站的骨架 CSS：对整个网络骨架的内容进行的美化（修饰作用） 4.关于CSS的三种引入方式 行内引入：在<body>标签内直接进行<div>标签的书写 <div style="color: red;font-size: 30px;"> 　　　　　　你若安好便是晴天 </div> 内部引入方式：在<head>标签里面加入如下代码 　　<style type="text/css"> 　　div{ 　　　　color: greenyellow; 　　　　font-size: 30px; 　　} 　　</style> 在接下来的<body>标签里面直接添加如下代码即可： 　　<div>你若安好便是晴天</div> 外部引入：先在一个外部文件夹，如CSS文件夹里面进行*.css的书写，如下代码： 　　div{ 　　　　　　color

CSS选择器（四）结构性伪类选择器

由 落爺英雄遲暮 提交于 2020-01-12 11:58:28
写法 描述 e:nth-child(n) 父级元素中的第n个子元素（必须叫e） e:nth-child(2n) 父级元素中的标识几倍倍数的子元素（必须叫e），2可以换成人和数字 e:nth-child(odd) 父级元素中奇数子元素（必须叫e） e:nth-child(even) 父级元素中偶数子元素（必须叫e） e:nth-child(n+x) 选取子元素大于等于x位标签的元素，“n”表示从整 e:nth-child(-n+x) 选取子元素小于等于x位标签的元素，“n”表示从整 e:nth-child(3n+1) 隔二取一 e:first-child 父级元素的第一个子元素（必须叫e） e:last-child 父级元素中的最后一个子元素（必须叫e） e:nth-last-child(n) 父级元素中的倒数第n个子元素（必须叫e） e:not(class) 排除父级元素中class为某的元素，并选中没有被排除的元素（必须叫e） e:nth-of-type(n) 父级元素中叫e的第n个子元素 e:first-of-type 父级元素中第一个叫e的子元素 e:last-of-type 父级元素中最后一个个叫e的子元素 e:target 选取当前活动的目标元素 来源： CSDN 作者： 丶夢里啥都有 链接： https://blog.csdn.net/first_person

jQuery全录笔记

由 ≯℡__Kan透↙ 提交于 2020-01-12 04:27:18
jQuery全录笔记 JQuery 入口函数 jQuery选择器 基本选择器 层级选择器 基本筛选选择器 内容筛选选择器 属性筛选选择器 其它选择器(了解) jQuery操作DOM 获取DOM元素相关盒模型属性-位置属性: DOM节点操作 遍历jQuery元素 吸顶导航案例 让页面滚动至指定位置，兼容代码: jQuery控制标签的属性 jQuery获取DOM相关数据的方法 index()获取元素的索引值 JQ操作css 类相关控制函数 jQuery动画效果 显示隐藏动画切换 滑动显示滑动隐藏动画 淡入淡出动画(透明度动画) JQ的自定义动画 JQuery动画列队机制 delay()让动画延迟执行 事件相关方法 快捷方法 专用方法绑定事件(on方法) 事件委托 注销事件 事件对象: event 事件冒泡概念 阻止事件冒泡 阻止标签默认行为 自定义事件 jQuery命名对象冲突问题 jQuery对象与DOM对象互相转换 JQuery 入口函数 < head > < meta charset = " UTF-8 " > < title > Title </ title > < script > //js的入口函数 window . onload = function ( ) { //整个网页资源加载完毕再执行这里的代码 console . log ( "1" ) ; } ; window

CSS选择器（三）属性选择器

由 元气小坏坏 提交于 2020-01-11 17:17:19
写法 描述 标签[属性名] div[class]选中的是所有包含class这个属性的div 元素[属性名=‘属性值’] 某属性名等于某属性值的元素将被选中 元素[属性名~=‘属性值’] 一个元素有多个属性的属性值时，只要含有其中一个，或者值列表只有一个该属性值时，元素被选中 元素[属性名^=‘属性值’] 某元素的属性值中，以某一字段或者某多段字段开头的元素都会被选中 元素[属性名$=‘属性值’] 某元素中的属性值中，以某一字段或者某多段字段结尾的元素都会被选中 元素[属性名*=‘属性值’] 某元素中，同一属性值中含有相同的字节或字段，那么该元素就会被选中 来源： CSDN 作者： 丶夢里啥都有 链接： https://blog.csdn.net/first_person/article/details/103935992

CSS

由 只愿长相守 提交于 2020-01-11 12:44:57
CSS：页面美化和布局控制 概念： Cascading Style Sheets 层叠样式表 层叠：多个样式可以作用在同一个html的元素上，同时生效 好处： 功能强大 将内容展示和样式控制分离 降低耦合度。解耦 让分工协作更容易 提高开发效率 CSS的使用：CSS与html结合方式 内联样式 在标签内使用style属性指定css代码 如： hello css 内部样式 在head标签内，定义style标签，style标签的标签体内容就是css代码 如： css语法： 格式： 选择器 { 属性名1:属性值1; 属性名2:属性值2; … } 选择器:筛选具有相似特征的元素 注意： 每一对属性需要使用；隔开，最后一对属性可以不加； 选择器：筛选具有相似特征的元素 分类： 基础选择器 id选择器：选择具体的id属性值的元素.建议在一个html页面中id值唯一 语法：#id属性值{} 元素选择器：选择具有相同标签名称的元素 语法： 标签名称{} 注意：id选择器优先级高于元素选择器 类选择器：选择具有相同的class属性值的元素。 语法：.class属性值{} 注意：类选择器选择器优先级高于元素选择器 扩展选择器： 选择所有元素： 语法： *{} 并集选择器： 选择器1,选择器2{} 子选择器：筛选选择器1元素下的选择器2元素 语法： 选择器1 选择器2{} 父选择器

一个简单的日期选择器

由 家住魔仙堡 提交于 2020-01-11 12:02:59
<%@page pageEncoding="utf-8"%> <html> <head> <title>JS日期选择器</title> <script type="text/javascript"> function HS_DateAdd(interval,number,date){ number = parseInt(number); if (typeof(date)=="string"){var date = new Date(date.split("-")[0],date.split("-")[1],date.split("-")[2])} if (typeof(date)=="object"){var date = date} switch(interval){ case "y":return new Date(date.getFullYear()+number,date.getMonth(),date.getDate()); break; case "m":return new Date(date.getFullYear(),date.getMonth()+number,checkDate(date.getFullYear(),date.getMonth()+number,date.getDate())); break; case "d":return new Date

css选择器

由 寵の児 提交于 2020-01-11 01:51:30
选择器 选择器：帮助你精准的选中想要的元素 文章目录 选择器 简单选择器 选择器的组合 选择器的并列 简单选择器 ID选择器 #选中的是对应id值的元素，选中范围太窄，不常用 元素选择器 选中元素范围太广，不常用 例如：h1{ } 类选择器 .用的最多，非常灵活 通配选择器 *表示选中所有元素 属性选择器 根据属性名和属性值选中元素 伪类选择器 例如：元素名：hover{}，没有元素名就表示对于所有元素的样式 选中某些元素的某种状态 (1)link:超链接未被访问过的状态 (2)visited:超链接访问过后的状态 (3)hover表示鼠标悬停的状态，鼠标移动上去的状态 (4)active:表示激活状态，鼠标按下状态 前两种只有a元素适用 如果要写这四个属性，必须按照以上顺序书写，否则会出问题，这种被称为“爱恨法则”love hate 伪元素选择器 生成并选中某个元素内部的第一个子元素或最后一个子元素 写法：元素名+：：{} before:相当于在一个元素里面的前面在一个元素before,为它设置内容和样式 after:相当于在一个元素里面的后面在一个元素after,为它设置内容和样式 例如： < p > < span > html+css </ span > >课程真的不错啊 </ p > span::before { content : "《" ; color : red ;
订阅 css选择器