前端css定位講解大全

首先谷歌安裝工具 

為什麼要安裝chropath這是為了輔助定位用的

學習selenium 框架

定位方式有18種定位方式

8種單數

id定位例子  1

**為

from selenium import webdriver

driver=webdriver.chrome()
driver.get("")
driver.find_element_by_id('username').send_keys('123')
class_name方法定位 2

driver.find_element_by_class_name('username').send_keys('123')

#name屬性定位   3driver.find_element_by_name('username').send_keys('123')

#整個頁面的第乙個元素4driver.find_element_by_tag_name('input').send_keys(12222)

xpath定位 5

#xpath定位 //根路徑下input/下方法

driver.find_element_by_xpath('//input[@placeholder="請輸入使用者名稱"]').send_keys(122)
css定位  6

#3:通過屬性來定位

driver.find_element_by_css_selector("[autocomplete='off']").send_keys('seleniumw我要自學網')   #屬性要在裡面
通過link定位

# 精準的標籤定位  7

driver.find_element_by_link_text('').click()
# 模糊的標籤定位   8
driver.find_element_by_partial_link_text('').click()

css常用定位方法

#id id選擇器根據id屬性來定位元素

.class  class選擇器，根據class屬性值來定位元素

[attribute='value'] 根據屬性來定位元素

element>element 根據元素層級來定位 父元素》子元素

具體**如下：

# #!/usr/bin/python3
# -*- coding: utf-8 -*-
# @time : 2020/7/24 15:32
# @author : gengwu
# @filename: by_css_seleclor.py
# @software: pycharm
from selenium import  webdriver
from time import  sleep
driver=webdriver.chrome()
#driver.get('')
#1：通過id來定位
#driver.find_element_by_css_selector("#kw").send_keys("seleniumw我要自學網") #dlement後面不需要s，通過id來定位前面需要加#號+id
#2：通過class來定位
#driver.find_element_by_css_selector('.s_ipt').send_keys('seleniumw我要自學網') #class來定位，class前面+.
#3:通過屬性來定位
#driver.find_element_by_css_selector("[autocomplete='off']").send_keys('seleniumw我要自學網')   #屬性要在裡面
sleep(2)
driver.find_element_by_id('su').click()
sleep(2)
driver.quit()

#8種複數形式就是上面所有加上乙個s,單數是乙個元素，複數是乙個列表

#兩底層 實際上底層也是呼叫id

driver.find_element()
driver.find_elements()

driver.back()#回到當前頁面

driver.refresh()#重新整理
driver.forward()#前進

driver.get_screenshot_as_file('截圖.png')#截圖

datas=element.get_attribute('href')#獲取href 

通過這個能定義到那個就能拿那個

print(data) 會列印這個文字 

前端筆記 CSS定位

一 為什麼需要定位 某個元素可以自由的在乙個盒子內移動位置，並且壓住其他盒子。當滾動視窗時，某些模組是固定在螢幕中的某個位置。以上兩個效果通過標準流和浮動都無法快速實現，此時需要定位來實現。二 定位組成 定位 將盒子定在某一位置 定位 定位模式 邊偏移 定位模式用於指定元素在文件中的定位方式，邊偏移...

CSS定位屬性（position）講解

定位在我們頁面中應用非常廣泛，可是使我們頁面更加簡潔快捷，今天我們就來談談定位屬性 position 講到定位我們就要先了解定位機制 定位的三種機制 普通流 浮動流 定位流 1 普通 上下排列的布局 注 大部分情況 2 浮動 左右排列的布局 注 大部分情況 3 定位 層疊 疊加 排列的布局 注 大部...

前端 CSS 浮動和定位

1.標準文件流 文件流指的是元素排版布局過程中，元素會預設自動從左往右，從上往下的流式排列方式。並最終窗體自上而下分成一行行，並在每行中從左至右的順序排放元素 塊級元素 獨佔一行 h1 h6 p div 列表.行內元素 不獨佔一行 span a img strong.行內元素 可以被包含在 塊級元素...