css选择器 | 易学教程

CSS中的after选择器的应用

阅读更多关于 CSS中的after选择器的应用

1.简单看一个after选择器的例子 p:after { content:"- 注意我"; } 我的名字是 Donald 我住在 Ducksburg 上面的伪代码显示的效果为：我的名字是 Donald-注意我我住在 Ducksburg-注意我 2.利用after选择器写一个小三角形 < ! DOCTYPE html > < html > < head > < meta charset = "UTF-8" > < title > Insert title here < / title > < / head > < style > . demo : after { content : '' ; display : inline - block ; width : 0 ; height : 0 ; border : 8 px solid transparent ; border - top : 8 px solid # AFABAB ; position : relative ; top : 2 px ; left : 10 px ; } < / style > < body > < div class = "demo" > < / div > < / body > < / html > 显示一个倒三角：由此可以说明：虽然div是一个块级元素

JQuery选择器练习

阅读更多关于 JQuery选择器练习

<!DOCTYPE> <html> <head> <title>基本选择器练习</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <style type="text/css"> body{ font-family: "微软雅黑" } div,span { width: 140px; height: 140px; margin: 20px; background: #9999CC; border: #000 1px solid; float: left; font-size: 17px; font-family: Roman; } div.mini { width: 40px; height: 43px; background: #CC66FF; border: #000 1px solid; font-size: 12px; font-family: Roman; } input{ margin: 5px 5px; } </style>  <script src="../js/jquery-1.4.2.js"></script> <script type="text/javascript"> /* $(function(){ }) */ /

CSS的选择器

阅读更多关于 CSS的选择器

　　css的选择器分为：基本选择器，层次选择器，结构伪类选择器和属性选择器　　而又细分的话　　　　基本选择器有：ID选择器、类选择器、标签选择器、交集选择器、并集选择器（附注：选择器优先级 ID选择器>类选择器>标签选择器）　　　　层次选择器有：后代选择器、子选择器、相邻兄弟选择器、通用兄弟选择器　　　　结构伪类选择器和属性选择器因为太繁杂了就不一一例举了，可以查看API或者脑图来源： https://www.cnblogs.com/roc-cy/p/12178310.html

css_day01

阅读更多关于 css_day01

cascading style sheets 一、引用css样式表的三种方式：（1）行内式（内联样式）（不太常用，控制范围小）（2）内部样式表（内嵌样式表）（若为html5，type="text/css"这句可省略）实现了部分样式和结构相分离，但并不彻底（3）外部样式表（外链式）* 完全实现了结构与样式相分离 link： rel="stylesheet"表示引入的是一个样式文件（必须写的） type="text/css"类型（也是代表引入的类型，但是在html5中此句可省略） href=""路径二、规范（1）样式推荐展开式（不写成一行），阅读较方便（2）代码均用小写三、css样式规则选择器空格花括号多个样式之间分号选择器 { color:red; font-size:25px;} 四、选择器（1）什么是选择器及选择器的作用：选择标签用的，把想要的标签选择出来分两步，一选出h1标签，二加样式（2）css基础选择器/复合选择器：五、基础选择器（1）标签选择器把某一类标签全部选出来（缺点：不能差异化选择）（2）类选择器（用的最多*）用“.”定义类，元素中调用（可重复调用）；一个标签中只能有一个class （3） id选择器用“#”定义类，元素中调用（唯一调用） ***类选择器与id选择器的区别：类选择器可以重复调用，id选择器是唯一的

2019.4.25 表格表单与HTML5 && CSS3

阅读更多关于 2019.4.25 表格表单与HTML5 && CSS3

目录表格标签属性表格间距离表格的内边距表格的边框样式边框合并行合并列合并 display 表单标签属性提交的网址请求方式 input相关扩大响应范围字符密码单选框 name value 默认选中多选框文件上传下拉列表可拖拽大文本输入框表单提交表单重写数字邮箱链接颜色时间滑动条搜索框清除隐藏效果 HTML5 && CSS3 H5中新增的标签音频标签视频标签 nav header section main aside canvas H5中新增的选择器属性选择器结构选择器伪类选择器过渡变换平移缩放旋转倾斜动画代码样式动画库的使用阴影文字阴影盒子阴影怪异盒模型线性渐变径向渐变 @ 表格标签表格 table 行 tr 列 td 表头 th 属性表格间距离 cellspacing <table cellspaceing = "10 "> 表格的内边距 cellpadding <table cellpadding = "20"> 表格的边框 border <table border = "3"> 样式边框合并 border-collapse: collapse; 行合并 <td rowspan = "2"> 列合并 <td colspan = "2"> display

selenium的基本操作

阅读更多关于 selenium的基本操作

selenium的基本操作 selenium的基本操作常用类与方法 from selenium import webdriver #驱动浏览器 from selenium.webdriver import ActionChains #鼠标相关操作 from selenium.webdriver.common.by import By #选择器，以什么方式选择标签元素 from selenium.webdriver,common.keys import Keys #键盘相关 from selenium.webdriver.support import expected_conditions as EC #各种判断，一般跟等待事件连用，比如说等待某个元素加载出来 from selenium.webdriver.support.wait import WeDriverWait #等待事件，可以与EC连用 browser = webdriver.Chrome() wait = WebDriverWait(browser,10) browser.get("https://www.baidu.com") #利用谷歌浏览器打开百度窗口 browser.maximize_window() #窗口最大化 print(browser.current_url) #获取当前页url print

CSS

阅读更多关于 CSS

CSS 1.CSS的内联样式优先级高于外联样式内联样式 < input style=“background-color: #FFFFF0;” type=“text” id=“identify” placeholder=“输入身份证号” /> 外联样式 p{ background-color: #FFFFF0; } CSS的选择器 1.ID选择器 2.类选择器 3.元素选择器 4.属性选择器来源： CSDN 作者： PandaDalin 链接： https://blog.csdn.net/qq_41086969/article/details/103889000

2019前端最全面试题

阅读更多关于 2019前端最全面试题

项目地址 HTML问题 HTML5语义化什么是语义化？就是用合理、正确的标签来展示内容，比如h1~h6定义标题。好处易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。方便其他设备解析，如盲人阅读器根据语义渲染网页有利于开发和维护，语义化更具可读性，代码更好维护，与CSS3关系更和谐。 http://www.daqianduan.com/6549.html 为什么最好把 CSS 的 <link> 标签放在 <head></head> 之间？为什么最好把 JS 的 <script> 标签恰好放在 </body> 之前，有例外情况吗？把 <link> 放在 <head> 中把 <link> 标签放在 <head></head> 之间是规范要求的内容。此外，这种做法可以让页面逐步呈现，提高了用户体验。将样式表放在文档底部附近，会使许多浏览器（包括 Internet Explorer）不能逐步呈现页面。一些浏览器会阻止渲染，以避免在页面样式发生变化时，重新绘制页面中的元素。这种做法可以防止呈现给用户空白的页面或没有样式的内容。把 <script> 标签恰好放在 </body> 之前脚本在下载和执行期间会阻止 HTML 解析。把 <script> 标签放在底部，保证 HTML 首先完成解析，将页面尽早呈现给用户

CSS

阅读更多关于 CSS

================转载 https://www.cnblogs.com/yuanchenqi/articles/5977825.html ============== 一、什么是CSS CSS是Cascading Style Sheets的简称，中文称为层叠样式表，用来控制网页数据的表现，可以使网页的表现和数据内容分离；二、css的四种引入方式 1、行内式　　行内式是在标记的style属性中设定CSS样式。这种方式没有体现出css的优势； <p style="background-color: rebeccapurple">hello yuan</p> 2、嵌入式　　嵌入式是将CSS样式集中卸载网页的<head></head>标签对的<style></style>标签中； <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background-color: #2b99ff; } </style> </head> 3、链接式　　将一个.css文件引入到HTML文件中 <link href="mystyle.css" rel="stylesheet" type="text/css"/> 4、导入式　　将一个独立的.css文件引入到HTML文件中，导入式使用CSS规则引入外部CSS文件，

CSS 控制边框长度

阅读更多关于 CSS 控制边框长度

1、之前碰到一个需求，就是在div的边上有一个小的竖条样式，之前是用一个图片然后使用定位移动到div的边上，这样比较麻烦，后来网上找了找资料，看看是否能用CSS来实现改变边框的长度，大多数都是使用的伪类选择器，但是都是直接贴的代码，正好前阶段遇到这个问题，来写个demo记录一下： 2、思路：我们通过伪类选择器配合content在元素的周围设置内容，我们设置content为 "" ，然后通过修改样式来实现边框的效果。 3、案例：我们首先创建一个div，然后在div左边调一个边框样式：（只需要一个div） < div id = " div1 " > lalala </ div > css：使用伪类选择器： #div1 { width : 200px ; height : 100px ; text-align : center ; line-height : 100px ; } #div1:before { content : '' ; position : absolute ; left : 5px ; bottom : auto ; right : auto ; height : 60px ; width : 3px ; background-color : blueviolet ; } 实现效果：也可以自行调整，宽度高度颜色等等… 你要去做一个大人，不要回头，不要难过。

订阅 css选择器