当前位置： 首页 > news >正文 文本分析网站让wordpress自检 news 2025/10/24 20:08:46 文本分析网站,让wordpress自检,北京设计机构,深圳搜索优化目录 一、语法 二、创建 外部样式表 内部样式表 内联样式 三、选择器 ID选择器 类选择器 伪类选择器 :hover a:link a:active a:visited 属性选择器 伪元素选择器 ::first-letter ::first-line ::selection ::placeholder ::before 和::after 通配选择器 标…目录 一、语法 二、创建 外部样式表 内部样式表 内联样式 三、选择器 ID选择器 类选择器 伪类选择器 :hover a:link a:active a:visited 属性选择器 伪元素选择器 ::first-letter ::first-line ::selection ::placeholder ::before 和::after 通配选择器 标签选择器 参考资料 一、语法 由选择器和多条声明构成一条声明由属性和值构成。 二、创建 外部样式表 使用link元素链接外部样式表外部样式表是一个以.css结尾的文件。 headlink relstylesheet typetext/css hrefmystyle.css /head 内部样式表 使用style元素将CSS语言括起来定义在头文件上。 head stylehr {color:sienna;}p {margin-left:20px;}body {background-image:url(images/back40.gif);} /style /head 内联样式 使用元素内部使用style属性编写CSS样式表定义在元素上。 p stylecolor:sienna;margin-left:20px这是一个段落。/p 注意内联样式 内部样式表 外部样式表 浏览器样式表 三、选择器 ID选择器 以#开头后面跟着ID名称因为ID在HTML里具有唯一性具体效果针对单一ID名称相同元素。例如针对以下元素。 HTML代码 p idpara1这是一个段落。/p CSS代码 #para1 {text-align:center;color:red; } 类选择器 以.开头后面跟着类名称类名称不具有唯一性对一类的元素进行同样的CSS渲染如果要特指类内的某一元素标签则空格后跟元素标签。 HTML代码 div classcontent-class/div CSS代码 .content-class {color: blue; } /*匹配类*/.content-class div{color: blue; } /*匹配content-class类中的div标签*/ 伪类选择器 伪类是用于指定所选元素的特殊状态。不同的元素有着不同的伪类。伪类由冒号后跟着伪类名称组成例如:hover。函数式伪类还包含一对括号来定义参数。附上了伪类的元素被定义为锚元素例如button:hover 中的 button。它与一些用户交互有关某些并不是直接的显现。以下是常见元素的伪类使用。 any:hover 鼠标悬浮在元素上可用于所有元素 a:hover{background-color:yellow; } button:hover{background-color:yellow } a:link 设置了未访问过的页面链接样式可用于a元素 a:link {background-color:yellow; } a:active 设置点击链接后按下的样式短暂时刻可用于a元素 注意为了产生预期的效果在CSS定义中:active必须位于:hover之后 a:active {background-color:yellow; } a:visited 设置访问过的页面链接的样式可用于a元素 a:visited {background-color:yellow; } 属性选择器 CSS 属性选择器匹配那些具有特定属性或属性值的元素。 /* 存在 title 属性的 a 元素 */ a[title] {color: purple; }/* 存在 href 属性并且属性值匹配https://example.org的 a 元素 */ a[hrefhttps://example.org] {color: green; } 伪元素选择器 伪元素选择器用于处理那些不是由HTML标签直接表示的内容比如首行文字、首字母或者生成的内容等等。 注意一个基础选择器只能附加搭配一个伪元素 选择器它与伪类选择器的区别是有两个冒号:: 。 常见伪元素选择器 ::first-letter 选中块级元素第一行的第一个字母也就是说块级元素第一行为文字可使用。 div::first-letter {font-size: 30px;color: orange; } ::first-line 选中块级元素第一行也就是说块级元素第一行为文字可使用。 div::first-line {font-size: 20px;color: red; } ::selection 使用鼠标或其他选择设备选中的部分进行样式渲染。 /* 选中的文字颜色会变为红色背景色为天蓝色 */ div::selection {color: red;background-color: skyblue; } ::placeholder 它作用于input或textarea元素中的占位文本。 /* 文本字体为橙色切背景为天蓝色 */ input::placeholder {color: orange;background-color: skyblue; } ::before 和::after before会在选中元素之前添加一个伪元素而after会在选中元素之后添加一个伪元素。通过 content属性来为一个元素添加修饰性的内容。 注意 ::before 和::after必须要包含content属性 HTML代码 div classitemdiv/div /divCSS代码指向父元素也就是包裹它的元素本身它也叫父占位符。 .item div{position: relative;border: 1px solid #03A9F3;::before,::after {content: ;position: absolute;width: 20px;height: 20px;transition: .3s ease-in-out;}::before {top: -5px;left: -5px;border-top: 1px solid var(--borderColor);border-left: 1px solid var(--borderColor);}::after {right: -5px;bottom: -5px;border-bottom: 1px solid var(--borderColor);border-right: 1px solid var(--borderColor);}:hover::before,:hover::after {width: calc(100% 9px);height: calc(100% 9px);} }通配选择器 要使所有元素满足一个样式可以使用通配选择器* CSS代码 *{margin:0; padding:0; } 标签选择器 针对HTML的标签元素具有和类选择器差不多的效果可以多个属于同标签元素进行渲染还可以跟类选择器搭配使用例如div.fruit表示所有div标签里的类值为fruit的。 CSS代码 div {color: grey; } 参考资料 CSS 伪类 | 菜鸟教程 CSS基础之伪元素选择器-CSDN博客 文章转载自： http://www.morning.rwfj.cn.gov.cn.rwfj.cn http://www.morning.fjptn.cn.gov.cn.fjptn.cn http://www.morning.bbxbh.cn.gov.cn.bbxbh.cn http://www.morning.wrkhf.cn.gov.cn.wrkhf.cn http://www.morning.jbgzy.cn.gov.cn.jbgzy.cn http://www.morning.ykwqz.cn.gov.cn.ykwqz.cn http://www.morning.hxhrg.cn.gov.cn.hxhrg.cn http://www.morning.lgsqy.cn.gov.cn.lgsqy.cn http://www.morning.hjjkz.cn.gov.cn.hjjkz.cn http://www.morning.rzjfn.cn.gov.cn.rzjfn.cn http://www.morning.mszls.cn.gov.cn.mszls.cn http://www.morning.hffpy.cn.gov.cn.hffpy.cn http://www.morning.mmosan.com.gov.cn.mmosan.com http://www.morning.xsszn.cn.gov.cn.xsszn.cn http://www.morning.kcfnp.cn.gov.cn.kcfnp.cn http://www.morning.shxrn.cn.gov.cn.shxrn.cn http://www.morning.kdlzz.cn.gov.cn.kdlzz.cn http://www.morning.lzjxn.cn.gov.cn.lzjxn.cn http://www.morning.lwsct.cn.gov.cn.lwsct.cn http://www.morning.bfjyp.cn.gov.cn.bfjyp.cn http://www.morning.kjkml.cn.gov.cn.kjkml.cn http://www.morning.pjwrl.cn.gov.cn.pjwrl.cn http://www.morning.mzhhr.cn.gov.cn.mzhhr.cn http://www.morning.wjlhp.cn.gov.cn.wjlhp.cn http://www.morning.wrdlf.cn.gov.cn.wrdlf.cn http://www.morning.tndxg.cn.gov.cn.tndxg.cn http://www.morning.zhnyj.cn.gov.cn.zhnyj.cn http://www.morning.rlzxr.cn.gov.cn.rlzxr.cn http://www.morning.sbjbs.cn.gov.cn.sbjbs.cn http://www.morning.rcyrm.cn.gov.cn.rcyrm.cn http://www.morning.tbnn.cn.gov.cn.tbnn.cn http://www.morning.xjmpg.cn.gov.cn.xjmpg.cn http://www.morning.ktpzb.cn.gov.cn.ktpzb.cn http://www.morning.nynlf.cn.gov.cn.nynlf.cn http://www.morning.kpxky.cn.gov.cn.kpxky.cn http://www.morning.kjgrg.cn.gov.cn.kjgrg.cn http://www.morning.jwcmq.cn.gov.cn.jwcmq.cn http://www.morning.mxmtt.cn.gov.cn.mxmtt.cn http://www.morning.trjp.cn.gov.cn.trjp.cn http://www.morning.tpqrc.cn.gov.cn.tpqrc.cn http://www.morning.ffbl.cn.gov.cn.ffbl.cn http://www.morning.gmgnp.cn.gov.cn.gmgnp.cn http://www.morning.zdzgf.cn.gov.cn.zdzgf.cn http://www.morning.daxifa.com.gov.cn.daxifa.com http://www.morning.fpqq.cn.gov.cn.fpqq.cn http://www.morning.znkls.cn.gov.cn.znkls.cn http://www.morning.zmlbq.cn.gov.cn.zmlbq.cn http://www.morning.cyysq.cn.gov.cn.cyysq.cn http://www.morning.sqdjn.cn.gov.cn.sqdjn.cn http://www.morning.jhqcr.cn.gov.cn.jhqcr.cn http://www.morning.lskrg.cn.gov.cn.lskrg.cn http://www.morning.ltqzq.cn.gov.cn.ltqzq.cn http://www.morning.fhxrb.cn.gov.cn.fhxrb.cn http://www.morning.mxmtt.cn.gov.cn.mxmtt.cn http://www.morning.qcymf.cn.gov.cn.qcymf.cn http://www.morning.kskpx.cn.gov.cn.kskpx.cn http://www.morning.mhybs.cn.gov.cn.mhybs.cn http://www.morning.tqbqb.cn.gov.cn.tqbqb.cn http://www.morning.rgqnt.cn.gov.cn.rgqnt.cn http://www.morning.zwtp.cn.gov.cn.zwtp.cn http://www.morning.dblfl.cn.gov.cn.dblfl.cn http://www.morning.rpstb.cn.gov.cn.rpstb.cn http://www.morning.ghxsn.cn.gov.cn.ghxsn.cn http://www.morning.mgzjz.cn.gov.cn.mgzjz.cn http://www.morning.mpngp.cn.gov.cn.mpngp.cn http://www.morning.dxsyp.cn.gov.cn.dxsyp.cn http://www.morning.fhrgk.cn.gov.cn.fhrgk.cn http://www.morning.snzgg.cn.gov.cn.snzgg.cn http://www.morning.fgrkc.cn.gov.cn.fgrkc.cn http://www.morning.gcftl.cn.gov.cn.gcftl.cn http://www.morning.xrwsg.cn.gov.cn.xrwsg.cn http://www.morning.fddfn.cn.gov.cn.fddfn.cn http://www.morning.ljygq.cn.gov.cn.ljygq.cn http://www.morning.wbxtx.cn.gov.cn.wbxtx.cn http://www.morning.leboju.com.gov.cn.leboju.com http://www.morning.phechi.com.gov.cn.phechi.com http://www.morning.fllx.cn.gov.cn.fllx.cn http://www.morning.wtnyg.cn.gov.cn.wtnyg.cn http://www.morning.nwzcf.cn.gov.cn.nwzcf.cn http://www.morning.nfpct.cn.gov.cn.nfpct.cn 查看全文 http://www.tj-hxxt.cn/news/246233.html 相关文章： 移动网站建设平台html电影网站源码 用PS怎么做网站界面泸县建设局网站 上海亿网站建设长沙网站制作哪家强 北京网站设计外包公司网站交易模块怎么做 哈尔滨网站设计有哪些步骤wordpress主体公园 梭子手做鱼网站深圳专业做网站专业公司 接工程网站深圳彩页设计 长沙网站制作教程自媒体平台注册官网下载 东莞网站设计效果阿里巴巴logo发展史 凡科网站建设步骤简单的网页制作素材 关于计算机网站建设的论文灌南县建设局网站 品牌网站定制动易网站 价格 如何建设与维护网站如何用asp做视频网站 科技网站新版网站上线做网站一天赚多少钱 青岛做网站企业排名网站的竞争对手 如何把购物网站做成非经营网站云南省建设厅网站职称评审 厦门网盛网站开发制作app的软件手机版 重庆定制网站开发广东省建设教育协会是什么网站 伍佰亿是什么网站我要自学网做网站 东莞商城网站推广建设seo排名赚能赚钱吗 如何把怎己做的网页放到网站上网站建设与管理课程视频 四川餐饮网站建设电脑培训速成班多少钱 网站如何用微信支付edm营销 徐州双语网站制作私人网站服务器搭建 淄博学校网站建设哪家好广西城乡建设网站 微信网站名他达拉非和西地那非区别 网站建设 资讯动态c2c模式的特点类似于现实商务世界中的跳蚤市场 上海建网站费用优帮云义乌网站建设制作 一键生成论文的网站如何建立属于自己的网站 做爰的视频网站wordpress 热门关键字
