复合选择器在 CSS 里,复合选择器能够把多个简单选择器组合起来,精准定位网页里的特定元素。
后代选择器(空格):选取作为特定元素后代的元素。
/* 选取article内所有的p元素 */article p { color: gray;}
子选择器(>):只选取作为特定元素直接子元素的元素。
/* 选取nav下一级的ul元素 */nav > ul { list-style: none;}
相邻兄弟选择器(+):选取紧跟在特定元素后面的同级元素。
/* 选取h2后面的p元素 */h2 + p { font-weight: bold;}
通用兄弟选择器(~):选取特定元素后面的所有同级元素。
/* 选取img后面的所有p元素 */img ~ p { color: blue;}
存在选择器([attr]):选取拥有特定属性的元素。
/* 选取有disabled属性的input元素 */input[disabled] { opacity: 0.5;} ...
CSS的引入方式1. 行内样式(Inline CSS)行内样式是把 CSS 规则直接写在 HTML 元素的style属性中。它的优点是能快速应用样式,缺点是无法复用样式,还会让 HTML 代码变得繁杂。
<p style="color: red; font-size: 16px;">这段文字会显示为红色,字体大小是16像素。</p>2. 内部样式表(Internal/Embedded CSS)
2. 内部样式表(Internal/Embedded CSS)内部样式表是将 CSS 代码写在 HTML 文件的<style>标签内,通常放在<head>标签中。它适用于单个页面的样式设置,但不利于多个页面共享样式。
<!DOCTYPE html><html><head> <style> p { color: blue; font-size: 16px; } ...
列表1.无序列表
使用<ul>标签创建,列表项前默认会有圆点标记。
<ul> <li>苹果</li> <li>香蕉</li> <li>橙子</li></ul>
2.有序列表
通过<ol>标签创建,列表项前会按照数字或字母顺序进行编号。
<ol> <li>第一步</li> <li>第二步</li> <li>第三步</li></ol>
3.定义列表
借助<dl>标签创建,它由术语(<dt>)和定义(<dd>)两部分构成。
<dl> <dt>HTML</dt> <dd>超文本标记语言</dd> <dt>CSS</dt> <dd>层叠样式表</dd></dl>
列表标签的嵌套使用<ul> ...
HTML骨架快捷键:! +Tab
注释快捷键:Ctrl + /
代码格式化快捷键:Shift + Alt + F
自动闭合标签快捷键:输入开始标签后 按Tab
标签:<tag> </tag>
网页整体:<html>(双)
网页头部:<head>(双)
网页标题:<title>(双)
网页主体:<body>(双)
HTML骨架:
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>页面标题</title></head><body> <!-- 页面 ...
这里是Java小世界,我认为Java是一个很精妙的语言,闲话少说,今天我想聊的是Java三大特性(封装、继承、多态)之一的多态
这里主要说的是方法重写引起的运行时多态,对于方法重载引起的编译时多态我不太想聊
对于多态的简单解释:在有继承和方法重写的条件下,父类引用指向子类对象
Animal a = new Cat(); //自动上转型
多态中的方法调用:class Animal { public void eat() { System.out.println("动物吃东西"); }}class Cat extends Animal { @Override public void eat() { System.out.println("猫吃鱼"); } public void catchMouse() { System.out.println("猫抓老鼠"); ...
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post$ hexo new "My New Post"
More info: Writing
Run server$ hexo server
More info: Server
Generate static files$ hexo generate
More info: Generating
Deploy to remote sites$ hexo deploy
More info: Deployment