CSS简介 由于HTML单纯关注定义内容，CSS用于美化HTML页面 CSS是层叠样式表（英文全称：CascadingStyleSheets）是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS有两个主要部分构成：选择器及一条或多条声明CSS基础选择器： 选择器的就是根据不同需求把不同标签选出来。 选择器 示例 示例说明 CSS（1，2，3） 。class 。intro 选择所有classintro的元素 1hrid firstname 选择所有idfirstname的元素 1hr 选择所有元素 2hrelement p 选择所有 元素 1hrelement，element p，p 选择所有元素和 元素 1hrelementelement pp 选择元素内的所有 元素 1hrelementelement pp 选择所有父级是元素的 元素 2hrelementelement pp 选择所有紧跟在元素之后的第一个 元素 2hr〔attribute〕 〔target〕 选择所有带有target属性元素 2hr〔attributevalue〕 〔targetblank〕 选择所有使用targetblank的元素 2hr〔attributevalue〕 〔titleflower〕 选择标题属性包含单词flower的所有元素 2hr〔attributelanguage〕 〔langen〕 选择lang属性等于en，或者以en为开头的所有元素 2hr：link a：link 选择所有未访问链接 1hr：visited a：visited 选择所有访问过的链接 1hr：active a：active 选择活动链接 1hr：hover a：hover 选择鼠标在链接上面时 1hr：focus input：focus 选择具有焦点的输入元素 2hr：firstletter p：firstletter 选择每一个 元素的第一个字母 1hr：firstline p：firstline 选择每一个 元素的第一行 1hr：firstchild p：firstchild 指定只有当 元素是其父级的第一个子级的样式。 2hr：before p：before 在每个 元素之前插入内容 2hr：after p：after 在每个 元素之后插入内容 2hr：lang（language） p：lang（it） 选择一个lang属性的起始值it的所有 元素 2hrelement1element2 pul 选择p元素之后的每一个ul元素 3hr〔attributevalue〕 a〔srchttps〕 选择每一个src属性的值以https开头的元素 3hr〔attributevalue〕 a〔src。pdf〕 选择每一个src属性的值以。pdf结尾的元素 3hr〔attributevalue〕 a〔srcrunoob〕 选择每一个src属性的值包含子字符串runoob的元素 3hr：firstoftype p：firstoftype 选择每个p元素是其父级的第一个p元素 3hr：lastoftype p：lastoftype 选择每个p元素是其父级的最后一个p元素 3hr：onlyoftype p：onlyoftype 选择每个p元素是其父级的唯一p元素 3hr：onlychild p：onlychild 选择每个p元素是其父级的唯一子元素 3hr：nthchild（n） p：nthchild（2） 选择每个p元素是其父级的第二个子元素 3hr：nthlastchild（n） p：nthlastchild（2） 选择每个p元素的是其父级的第二个子元素，从最后一个子项计数 3hr：nthoftype（n） p：nthoftype（2） 选择每个p元素是其父级的第二个p元素 3hr：nthlastoftype（n） p：nthlastoftype（2） 选择每个p元素的是其父级的第二个p元素，从最后一个子项计数 3hr：lastchild p：lastchild 选择每个p元素是其父级的最后一个子级。 3hr：root ：root 选择文档的根元素 3hr：empty p：empty 选择每个没有任何子级的p元素（包括文本节点） 3hr：target news：target 选择当前活动的news元素（包含该锚名称的点击的URL） 3hr：enabled input：enabled 选择每一个已启用的输入元素 3hr：disabled input：disabled 选择每一个禁用的输入元素 3hr：checked input：checked 选择每个选中的输入元素 3hr：not（selector） ：not（p） 选择每个并非p元素的元素 3hr：：selection ：：selection 匹配元素中被用户选中或处于高亮状态的部分 3hr：outofrange ：outofrange 匹配值在指定区间之外的input元素 3hr：inrange ：inrange 匹配值在指定区间之内的input元素 3hr：readwrite ：readwrite 用于匹配可读及可写的元素 3hr：readonly ：readonly 用于匹配设置readonly（只读）属性的元素 3hr：optional ：optional 用于匹配可选的输入元素 3hr：required ：required 用于匹配设置了required属性的元素 3hr：valid ：valid 用于匹配输入值为合法的元素 3hr：invalid ：invalid 用于匹配输入值为非法的元素 3选择器分为基础选择器和复合选择器两大类 基础选择器由单个选择器组成包括标签选择器，类选择器，id选择器和通配符选择器语法： 标签名｛ 属性1：属性值1； 属性2：属性值2； 属性3：属性值3； 。。。 ｝ 。类名｛ 属性1：属性值1； 。。。 ｝ 多类名使用在标签class属性中写多个类名用空格隔开 id名｛ 属性1：属性值1； 。。。 ｝ ｛通配符选择器使用定义，表示选取页面中所有的元素（标签） 属性1：属性值1； 。。。 ｝CSS字体属性： 属性 表示 注意 fontsize 字号 我们通常用的单位px像素 fontfamily 字体 实际工作按照要求来写 fontwright 字体粗细 加粗是700或者bold不加粗是normal或者400没有单位 fontstyle 字体样式 倾斜是italic不倾斜是normal font 字体连写 字体连写是有顺序的不能随意换位置，其中字号和字体必须同时出现CSS文本属性： 文本颜色颜色color：red； 属性值 预定义颜色 green，red，blue，withe。。。 十六进制 FF0000，FF6600，29D794。。。 RGB代码 rgb（255，0，0）或rgb（100，0，0） 文本对齐属性值textalign：center； 解释 left 左对齐（默认） right 右对齐 center 居中对其 装饰文本textdecoration：underline； 描述 none 默认。没有装饰 underline 下划线。链接a自带下划线 overline 上划线 linethough 删除线 文本缩进： textindent：10px2em 给定缩进长度或em相对单位一个文字的大小 行间距： lineheight：26px；CSS引入方式： 样式表 优点 缺点 使用情况 控制范围 行内 书写方便权重高 结构样式混写 较少 控制一个标签 内部 部分结构和样式分离 没有彻底分离 较多 控制一个界面 外部 完全实现结构样式分离 需要引入 最多 控制多个页面 详情可参考 https：www。runoob。com菜鸟教程 https：www。w3school。com。cnw3c
亚马逊反垄断诉讼遭华盛顿特区法官驳回鞭牛士3月21日消息，据报道，美国一位高等法院法官驳回了华盛顿特区针对亚马逊的反竞争行为发起的诉讼，认为没有证据支持其造成消费品物价上涨。华盛顿特区总检察长卡尔拉辛（Ka……高通出现安全漏洞，小米三星纷纷中招，数百万用户受到影响从进入5G时代开始，高通的日子就不太好过。原本稳占芯片霸主地位多年，却没有想到会有被联发科超越的一天。去年联发科在5G基带性能上大力发展，得到了市场的认可，反超高通成为了……尼康D5与D850对比，有哪些优劣势？尼康D5与D850对比，有哪些优劣势？感谢邀请！这个问题其实是高端用户比较关心的话题，说直白点就是D5和D850到底选哪一款？作为非专业摄影师而言，如果用到这个级别的相机……iPhone13Pro渲染图四曲面机身没有实体按键，Face随着各大手机厂商发布了自家的旗舰手机之后，外界对苹果手机的迭代产品也寄予厚望，希望能够看到下一代手机iPhone13系列机型的改变。作为比较受欢迎的Pro机型，iPhone13……AIoT早茶科创板AI第一股开盘破发，股价收跌超52022年3月18日星期四AIoT早茶1。科创板AI第一股开盘破发，股价收跌超52022年3月17日，北京格灵深瞳信息技术股份有限公司（证券代码：688207）在上……让我来告诉你，华为麒麟芯片的前世今生最近这两年的时间里，华为公司被推上了中国人民谈论的高潮，源自美国政府对一个中国民营企业的连番制裁。从上个世纪开始，美国靠着工业革命和两次世界大战，迅速崛起，从而成为了世界……蔚来汽车以介绍形式登陆香港新加坡不为融资只为抢占跑道？财联社（北京，记者徐昊）讯，蔚小理齐聚香江后，李斌还把目光投向了狮城新加坡。2月28日，蔚来汽车公告，已通过香港交易所聆讯，获得在港交所主板二次上市的原则上批准。本次上市……为何IP6国家推出这么久了，运营商宽带还是不能公网ip？有动态ipv6但是没有固定的，这最主要的主要还是利益问题，ipv4需求还是很大，人家都是按照月去收费的可以，需要修改光猫设置，路由器也得支持才行。运营商不大面积普及……怎么查询到展会信息？1、可以在搜索引擎直接搜索您想要查找的展会2、在一些展会网站上查询，比如新展网，网站首页有搜索版块，输入展会关键词，可以直接查找，国内外展会均有，按地区、行业类型、时间划……取代激光雷达？4D成像雷达获Tier1巨头再加码产业迈入量产《科创板日报》（编辑郑远方），智能驾驶产业软硬件升级持续升温。2月18日，自动驾驶整体解决方案供应商几何伙伴宣布完成新一轮战略融资，由博世旗下博原资本独家投资。此前……9月24日刚到手的首批苹果13promax刚收到货贴膜时发现今天刚刚收到的苹果13promax，激活完数据传送结束后贴膜时发现右侧开关机键处的屏幕有一条细微的裂痕用干布擦的时候看不见，但是用酒精棉擦拭的时候就非常明显的一条裂痕好不容易抢……轻巧桌搭，性能至上，华硕MiniPC系列力创简约生活随着人们在日常的工作、学习中对PC的使用频次逐渐提升，电脑主机也成为了用户们生活中必不可缺的一部分。现如今，用户们在关注PC性能的同时，对于干净整洁、简约清新的办公、学习桌面，……